Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying OpenFrameworks Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
OpenFrameworks Essentials

OpenFrameworks Essentials

By : Denis Perevalov
5 (7)
Buy this Book
close
close
OpenFrameworks Essentials

OpenFrameworks Essentials

5 (7)
By: Denis Perevalov
Buy this Book

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.
Table of Contents (13 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Getting Started with openFrameworks
chevron up
Icon
1. Getting Started with openFrameworks
Icon
What is openFrameworks?
Icon
Installing openFrameworks
Icon
Running your first example
Icon
The video synthesizer application
Icon
Summary
2
2. Creating Your First openFrameworks Project
Icon
2. Creating Your First openFrameworks Project
Icon
Creating and running a new project
Icon
Discovering the project's code structure
Icon
Setting up the screen
Icon
Centering the coordinate system
Icon
A simple drawing
Icon
Geometric patterns
Icon
Summary
3
3. Adding a GUI and Handling Keyboard Events
Icon
3. Adding a GUI and Handling Keyboard Events
Icon
Creating a GUI using the ofxGui addon
Icon
Implementing a simple GUI panel with sliders
Icon
Implementing the autosave feature
Icon
Creating groups of controls
Icon
Implementing a checkbox, a color selector, and a 2D slider
Icon
Handling keyboard events
Icon
Implementing the matrix pattern generator
Icon
Summary
4
4. Working with Raster Graphics – Images, Videos, and Shaders
Icon
4. Working with Raster Graphics – Images, Videos, and Shaders
Icon
Raster images in openFrameworks
Icon
Drawing an image file
Icon
Playing a video file
Icon
Grabbing a live video from a camera
Icon
Mixing layers using additive blending
Icon
Creating the video effect with a shader
Icon
Summary
5
5. Creating 3D Graphics
Icon
5. Creating 3D Graphics
Icon
Introduction to 3D graphics with openFrameworks
Icon
Drawing a wireframe sphere
Icon
Creating a camera
Icon
Drawing a solid sphere
Icon
Texturing the sphere
Icon
Mixing 2D and 3D with the GUI
Icon
Deforming a sphere
Icon
Summary
6
6. Animating Parameters
Icon
6. Animating Parameters
Icon
Using time values for a parameter's automation
Icon
Using the level of sound for a parameter's automation
Icon
Capturing sound from a sound card's input and measuring its level
Icon
Reading data from a text file
Icon
Controlling automation
Icon
Summary
7
7. Distributed and Physical Computing with Networking and Arduino
Icon
7. Distributed and Physical Computing with Networking and Arduino
Icon
Distributed computing with networking
Icon
Networking in openFrameworks
Icon
Implementing the OSC messages receiver
Icon
Creating an OSC sender with openFrameworks
Icon
Creating OSC senders with TouchOSC, Python, and Max/MSP
Icon
Physical computing with Arduino
Icon
Programming an Arduino board
Icon
Summary
8
8. Deploying the Project on iOS, Android, and Raspberry Pi
Icon
8. Deploying the Project on iOS, Android, and Raspberry Pi
Icon
Running the project on an iOS device
Icon
Deploying the project on an iOS device
Icon
Running the project on an Android device
Icon
Running the project on Raspberry Pi
Icon
Summary
9
9. Further Resources
Icon
9. Further Resources
Icon
Enhancing the video synthesizer project
Icon
Getting more information on openFrameworks
Icon
Debugging and speeding up your code
Icon
Summary
10
A. Video Synthesizer Reference
Icon
A. Video Synthesizer Reference
Icon
The desktop version
Icon
iOS and Android versions
Icon
Raspberry Pi version
Icon
Summary
11
B. openFrameworks Quick Reference
Icon
B. openFrameworks Quick Reference
Icon
Application
Icon
2D drawing
Icon
The GUI
Icon
Multimedia and other classes
Icon
Mathematical, timer, and conversion functions
Icon
Summary
12
Index
Icon
Index

Installing openFrameworks

To develop projects with openFrameworks, you need to install an Integrated Development Environment (IDE) with the C++ compiler and openFrameworks.

To install them, perform the following steps:

  1. Go to openFrameworks' download page at openframeworks.cc/download.
  2. Find your platform on the page (OS X, Linux, Windows, iOS, Android, or Linux ARM) and select the desired IDE (Xcode, Code::Blocks, Eclipse, or Visual Studio). For developing with iOS, an OS X computer is required. Development on a Linux ARM device is done using the C++ compiler directly, without an IDE.

    Note

    All the IDEs mentioned are free. But, to run your project on an iOS device, you must buy an iOS Developer License from Apple for $99 per year.

  3. Download the openFrameworks archive by clicking on the corresponding link and unzip it.
  4. Click on the corresponding setup guide link and follow the instructions shown for installing and configuring the IDE and openFrameworks. Now you can develop and run your projects in openFrameworks.

    Tip

    Running openFrameworks projects on desktops (Mac OS X, Windows, or Linux) is simpler than on mobiles. So, if you are a novice in C++ or openFrameworks, we recommend that you start to develop your very first openFrameworks project for a desktop OS rather than a mobile one.

    After a while, when you are a little more comfortable with C++ and openFrameworks, you can easily port your project to mobiles, if needed. You will learn how to deploy openFrameworks projects on mobiles and Raspberry Pi in Chapter 8, Deploying the Project on iOS, Android, and Raspberry Pi.

The openFrameworks folder structure

It's time to look inside openFrameworks, so open the openFrameworks folder. It consists of a number of folders and files, as shown in the following screenshot (the screenshot is for OS X, but the folder structure is similar for all other platforms):

The openFrameworks folder structure

openFrameworks' folder structure

The most important folders for us now are apps and examples. The apps folder is the place where your own projects will be stored. The examples folder contains a collection of examples, demonstrating all the aspects of openFrameworks programming. The examples are categorized by topics, including 3D, graphics, sound, and video.

Now, let's run one of the examples.

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
OpenFrameworks Essentials
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon