Book Image

Mastering openFrameworks: Creative Coding Demystified

By : Denis Perevalov
Book Image

Mastering openFrameworks: Creative Coding Demystified

By: Denis Perevalov

Overview of this book

openFrameworks is a powerful programming toolkit and library designed to assist the creative process through simplicity and intuitiveness. It's a very handy software library written in C++ to reduce the software development process, helping you to kick-start creative coding. With the help of C++ and shaders support, openFrameworks allows for the processing of all kinds of media information with your custom-developed algorithms at the lowest possible level, with the fastest speed. "Mastering openFrameworks: Creative Coding Demystified" will introduce you to a world of creative coding projects, including interactive installations, audio-visual, and sound art projects. You will learn how to make your own projects using openFrameworks. This book focuses on low-level data processing, which allows you to create really unique and cutting-edge installations and projects. "Mastering openFrameworks: Creative Coding Demystified" provides a complete introduction to openFrameworks, including installation, core capabilities, and addons. Advanced topics like shaders, computer vision, and depth cameras are also covered. We start off by discussing the basic topics such as image and video loading, rendering and processing, playing sound samples, and synthesizing new sounds. We then move on to cover 3D graphics, computer vision, and depth cameras. You will also learn a number of advanced topics such as video mapping, interactive floors and walls, video morphing, networking, and using geometry shaders. You will learn everything you need to know in order to create your own projects; create projects of all levels, ranging from simple creative-code experiments, to big interactive systems consisting of a number of computers, depth cameras, and projectors.

Related Content you might be interested in

Current Title:

Small book image
Mastering openFrameworks: Creative Coding Demystified
Denis Perevalov
Sep, 2013 | 364 pages
No titles found
Table of Contents (22 chapters)
Mastering openFrameworks: Creative Coding Demystified
Mastering openFrameworks: Creative Coding Demystified
Credits
Credits
Foreword
Foreword
About the Author
About the Author
Acknowledgement
Acknowledgement
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
openFrameworks Basics
openFrameworks Basics
About openFrameworks
Installing openFrameworks and running your first example
Installing on Mac OS with Xcode
Installing on Linux with Code::Blocks
openFrameworks' folders
File structure of a project
Code structure of a project
Creating a new project
Creating your first project – the Pendulum example
Running the book's examples
Basic utility functions
Summary
2
Drawing in 2D
Drawing in 2D
Drawing basics
The background color of the screen
Geometric primitives
Using ofPoint
Coordinate system transformations
Colors
Drawing with an uncleared background
Using FBO for offscreen drawings
Screen grabbing
Additional topics
Summary
3
Building a Simple Particle System
Building a Simple Particle System
The basics of particle systems
A single particle
An emitter
The attraction, repulsion, and spinning forces
Graphical user interface
Additional topics
Summary
4
Images and Textures
Images and Textures
Raster and vector images
Loading and drawing an image
Rotating images
Color modulation
Transparency
Creating and modifying images
Using ofTexture for memory optimization
Image warping and video mapping
Using images for internal calculations
Summary
5
Working with Videos
Working with Videos
Video basics
Playing a video file
Controlling the video playback
Processing a single video frame
Processing multiple frames
Processing a live video from the camera
Using image sequence
Summary
6
Working with Sounds
Working with Sounds
Sound basics
Playing sound samples
Generating sounds
Using a microphone
Getting spectral data from sound
Summary
7
Drawing in 3D
Drawing in 3D
3D basics
Simple 3D drawing
Using ofMesh
Drawing sharp edges
Drawing line segments and points
Coloring the vertices
Texturing
Working with vertices
The oscillating plane example
Additional topics
Summary
8
Using Shaders
Using Shaders
Basics of shaders
Structure of a shader's code
A simple fragment shader example
Creating video effects with fragment shaders
Deforming objects with a vertex shader
Using vertex shader in our project
Using a geometry shader
Additional topics
Summary
9
Computer Vision with OpenCV
Computer Vision with OpenCV
Understanding computer vision and OpenCV
Using ofxOpenCv
Working with ofxCv images
Image filtering
Geometrical transformations of images
Searching for objects in an image
Using OpenCV functions
Summary
10
Using Depth Cameras
Using Depth Cameras
Depth camera basics
Installing the ofxOpenNI addon
ofxOpenNI examples
Creating interactive surface
Additional topics
Summary
11
Networking
Networking
Networking basics
Using OSC protocol
Using TCP protocol for streaming images
Summary
Working with Addons
Working with Addons
Addons basics
Linking addons to a new project
Linking an addon to an existing project
List of selected addons
Summary
Perlin Noise
Perlin Noise
Perlin noise basics
Using the ofNoise() function
Space-coherent noise
Summary
Index
Index

Loading and drawing an image

For loading and drawing an image, you need to declare the image object, load the image from a file, and add a drawing function call in the testApp::draw() function. Perform the following steps:

  1. Declare the image as an ofImage object:

    ofImage image;

    The best way is to declare images in the testApp class declaration in the testApp.h file. For simplicity, sometimes we will declare them right on top of the testApp.cpp file.

  2. Load an image from a file using the loadImage function:

    image.loadImage( fileName );

    Here, fileName is a string value specifying the filename; for example, sunflower.png. Normally, images should be located in the bin/data folder of your application. If you want to use an image from another folder, it is possible to use absolute paths; for example, image.loadImage( "C:\\myimage.png" ) in Windows.

  3. Draw the image using the image.draw( x, y ) function inside the testApp::draw() function. Here, x and y are float values specifying the top-left corner of the...

Previous Section
End of Section 3
Next Section