Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

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

Customer Reviews

5 (7)

5 star

100%

4 star

0%

3 star

0%

2 star

0%

1 star

0%

Implementing the autosave feature

Autosaving can be implemented by saving the GUI state to a file when the project ends, and loading the GUI state from this file on project startup. To accomplish this, perform the following steps:

Declare the new exit() function in the ofApp class:
```
void exit();
```
Then, add its definition to the ofApp.cpp file, as follows:
```
void ofApp::exit() {
  gui.saveToFile( "settings.xml" );
}
```
openFrameworks calls the exit() function right before finishing the project. So, this function saves the state of the gui elements to the settings.xml file, which is located in the bin/data folder of the project.
To load the gui state at startup, add the following line to the end of the setup() function:
```
gui.loadFromFile( "settings.xml" );
```

Autosave is ready; let's check it! Run the project, move the sliders, and note their values. Now, close the project and run it again. You will see that sliders' values were restored properly.

Now let's extend our GUI...

Visually different images

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