3. Adding a GUI and Handling Keyboard Events | OpenFrameworks Essentials

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

OpenFrameworks Essentials

By : Denis Perevalov

5 (7)

OpenFrameworks Essentials

5 (7)

By: Denis Perevalov

Overview of this book

If you are a programmer, visual artist, or designer with experience in creative coding, and want to use openFrameworks to create fun, stunning, and interactive applications, this is the book for you. Basic knowledge of programming languages, such as C++, Java, Python, or JavaScript, will be enough to proceed with the book.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with openFrameworks

1. Getting Started with openFrameworks

What is openFrameworks?

Installing openFrameworks

Running your first example

The video synthesizer application

Summary

2. Creating Your First openFrameworks Project

2. Creating Your First openFrameworks Project

Creating and running a new project

Discovering the project's code structure

Setting up the screen

Centering the coordinate system

A simple drawing

Geometric patterns

Summary

3. Adding a GUI and Handling Keyboard Events

3. Adding a GUI and Handling Keyboard Events

Creating a GUI using the ofxGui addon

Implementing a simple GUI panel with sliders

Implementing the autosave feature

Creating groups of controls

Implementing a checkbox, a color selector, and a 2D slider

Handling keyboard events

Implementing the matrix pattern generator

Summary

4. Working with Raster Graphics – Images, Videos, and Shaders

4. Working with Raster Graphics – Images, Videos, and Shaders

Raster images in openFrameworks

Drawing an image file

Playing a video file

Grabbing a live video from a camera

Mixing layers using additive blending

Creating the video effect with a shader

Summary

5. Creating 3D Graphics

5. Creating 3D Graphics

Introduction to 3D graphics with openFrameworks

Drawing a wireframe sphere

Creating a camera

Drawing a solid sphere

Texturing the sphere

Mixing 2D and 3D with the GUI

Deforming a sphere

Summary

6. Animating Parameters

6. Animating Parameters

Using time values for a parameter's automation

Using the level of sound for a parameter's automation

Capturing sound from a sound card's input and measuring its level

Reading data from a text file

Controlling automation

Summary

7. Distributed and Physical Computing with Networking and Arduino

7. Distributed and Physical Computing with Networking and Arduino

Distributed computing with networking

Networking in openFrameworks

Implementing the OSC messages receiver

Creating an OSC sender with openFrameworks

Creating OSC senders with TouchOSC, Python, and Max/MSP

Physical computing with Arduino

Programming an Arduino board

Summary

8. Deploying the Project on iOS, Android, and Raspberry Pi

8. Deploying the Project on iOS, Android, and Raspberry Pi

Running the project on an iOS device

Deploying the project on an iOS device

Running the project on an Android device

Running the project on Raspberry Pi

Summary

9. Further Resources

9. Further Resources

Enhancing the video synthesizer project

Getting more information on openFrameworks

Debugging and speeding up your code

Summary

A. Video Synthesizer Reference

A. Video Synthesizer Reference

The desktop version

iOS and Android versions

Raspberry Pi version

Summary

B. openFrameworks Quick Reference

B. openFrameworks Quick Reference

Application

2D drawing

The GUI

Multimedia and other classes

Mathematical, timer, and conversion functions

Summary

Index

Index

Implementing a simple GUI panel with sliders

Let's create a simple GUI consisting of a panel and three sliders. The first thing required is to add the ofxGui addon to the project. Fortunately, we already did it when creating the project in the previous chapter (see step 4 (Selecting the addons) of the Creating a project section of Chapter 2, Creating Your First openFrameworks Project). Perform the following steps:

Include the addon's header to the ofApp.h file by inserting the following line (after the #include "ofMain.h" line):
```
#include "ofxGui.h"
```
Next, declare the visual panel and four sliders by adding the following lines to the ofApp class' declaration:
```
ofxPanel gui;
ofxIntSlider countX;
ofxFloatSlider stepX;
ofxFloatSlider twistX;
```
The first line declares the GUI panel, which will be a container for all our GUI elements. The second line declares the countX slider, which holds integer values. The last two lines declare the stepX and twistX sliders with float values.
Tip
The gui, countX, stepX...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

OpenFrameworks Essentials

Search

Your notes and bookmarks