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%

Raster images in openFrameworks

A raster image is a rectangular array of pixels. To keep things short, we will call a raster image an image.

Each pixel holds color information represented by one or several numerical values. This number of values is called a number of channels of the image. openFrameworks supports the images with one, three, and four numbers of channels:

A one-channel image is called a grayscale image. Its pixels hold brightness values.
A three-channel image is called a color image. Its pixels hold red, green, and blue components of the color.
A four-channel image is called a color image with alpha channel. Its pixels have an additional component, alpha, controlling the transparency of the pixels.

openFrameworks supports loading from and saving images to all popular image file formats, including PNG, JPG, BMP, and TIFF.

There are three classes for working with images:

ofImage: This is intended for manipulating the pixel values and drawing an image
ofPixels: This is intended for...

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