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

A simple drawing

The simplest thing that can be drawn with openFrameworks is a geometric primitive such as a line, rectangle, or circle. Before drawing, we should set the drawing color using the ofSetColor function and then draw primitives using commands such as ofLine, ofRect, ofTriangle, and ofCircle (they draw a line, rectangle, triangle, and circle respectively). Let's consider setting the color and then drawing functions in detail.

Setting drawing color

The ofSetColor function switches the drawing color to a specified color. There are several overloaded versions of this function:

The most universal form lets us explicitly specify the red, green, blue, and alpha (opaqueness) components of the color:
```
ofSetColor( 255, 0, 0, 255 );
```
The arguments are integers from 0 to 255, which correspond to red, green, or blue color components and alpha color components. In our example, we will get the red opaque color because the red component is maximal, the blue and green components are zero, and...

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