Cinder Creative Coding Cookbook

Cinder Creative Coding Cookbook

Overview of this book

Cinder is one of the most exciting frameworks available for creative coding. It is developed in C++ for increased performance and allows for the fast creation of visually complex, interactive applications."Cinder Creative Coding Cookbook" will show you how to develop interactive and visually dynamic applications using simple-to-follow recipes.You will learn how to use multimedia content, draw generative graphics in 2D and 3D, and animate them in compelling ways. Beginning with creating simple projects with Cinder, you will use multimedia, create animations, and interact with the user.From animation with particles to using video, audio, and images, the reader will gain a broad knowledge of creating applications using Cinder.With recipes that include drawing in 3D, image processing, and sensing and tracking in real-time from camera input, the book will teach you how to develop interesting applications."Cinder Creative Coding Cookbook" will give you the necessary knowledge to start creating projects with Cinder that use animations and advanced visuals.

Cinder Creative Coding Cookbook

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Getting Started

Introduction

Creating a project for a basic application

Creating a project for a screensaver application

Creating a project for an iOS touch application

Understanding the basic structure of an application

Responding to mouse input

Responding to key input

Responding to touch input

Accessing files dropped onto the application window

Adjusting a scene after resizing the window

Using resources on Windows

Using resources on iOS and OS X

Using assets

Preparing for Development

Introduction

Setting up a GUI for tweaking parameters

Saving and loading configurations

Making a snapshot of the current parameter state

Using MayaCamUI

Using 3D space guides

Communicating with other software

How it works...

There's more...

See also

Preparing your application for iOS

Using Image Processing Techniques

Introduction

Transforming image contrast and brightness

Integrating with OpenCV

Detecting edges

Detecting faces

Detecting features in an image

Converting images to vector graphics

Using Multimedia Content

Introduction

Loading and displaying video

Creating a simple video controller

Saving window content as an image

Saving window animations as video

Saving window content as a vector graphics image

Saving high resolution images with the tile renderer

Sharing graphics between applications

Building Particle Systems

Introduction

Creating a particle system in 2D

Applying repulsion and attraction forces

Simulating particles flying in the wind

Simulating flocking behavior

Making our particles sound reactive

Aligning particles to a processed image

Aligning particles to the mesh surface

Creating springs

Rendering and Texturing Particle Systems

Introduction

Texturing particles

Adding a tail to our particles

How it works…

Creating a cloth simulation

Texturing a cloth simulation

Texturing a particle system using point sprites and shaders

Connecting the dots

Connecting particles with spline

Using 2D Graphics

Drawing 2D geometric primitives

Drawing arbitrary shapes with the mouse

Implementing a scribbler algorithm

Implementing 2D metaballs

Animating text around curves

Adding a blur effect

Implementing a force-directed graph

Using 3D Graphics

Introduction

Drawing 3D geometric primitives

Rotating, scaling, and translating

Drawing to an offscreen canvas

Drawing in 3D with the mouse

Adding lights

Picking in 3D

Creating a height map from an image

Creating a terrain with Perlin noise

Saving mesh data

Adding Animation

Animating with the timeline

Creating animation sequences with the timeline

Animating along a path

Aligning camera motion to a path

Animating text – text as a mask for a movie

Animating text – scrolling text lines

Creating a flow field with Perlin noise

Creating an image gallery in 3D

Creating a spherical flow field with Perlin noise

Interacting with the User

Introduction

Creating an interactive object that responds to the mouse

Adding mouse events to our interactive object

Creating a slider

Creating a responsive text box

Dragging, scaling, and rotating objects using multi-touch

Sensing and Tracking Input from the Camera

Capturing from the camera

Tracking an object based on color

Tracking motion using optical flow

Object tracking

Reading QR code

Building UI navigation and gesture recognition with Kinect

Building an augmented reality with Kinect

Using Audio Input and Output

Generating a sine oscillator

Generating sound with frequency modulation

Adding a delay effect

Generating sound upon the collision of objects

Visualizing FFT

Making sound-reactive particles

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Accessing files dropped onto the application window

Cinder applications can respond to files dropped onto the application window through the callback, fileDrop . This method takes a ci::app::FileDropEvent object as a parameter with information about the event.

Getting ready

Your application must implement a fileDrop method which takes a ci::app::FileDropEvent object as a parameter.

Add the following method to the application's class declaration:

void fileDrop( FileDropEvent event );

How to do it…

We will learn how to work with the ci::app::FileDropEvent object to work with file drop events. Perform the following steps to do so:

In the method implementation you can use the ci::app::FileDropEvent parameter to access the list of files dropped onto the application by calling the getFiles method. This method returns a conststd::vector container with fs::path objects:
```
const vector<fs::path >& files = event.getFiles();
```
The position where the files were dropped onto the window can be accessed through the following callback methods:
- To get a ci::Vec2i object with the position of the files dropped, type in the following line of code:
```
Vec2i dropPosition = event.getPos();
```
- To get the x and y coordinates separately, you can use the getX and getY methods, for example:
```
int pOS X = event.getX();
int posY = event.getY();
```
You can find the number of dropped files by using the getNumFiles method:
```
int numFiles = event.getNumFiles();
```
To access a specific file, if you already know its index, you can use the getFile method and pass the index as a parameter.
For example, to access the file with an index of 2, you can use the following line of code:
```
const fs::path& file = event.getFile( 2 );
```

How it works…

A Cinder application will respond to the system's native event for file drops. It will then create a ci::app::FileDropEvent object with information about the event and call the fileDrop callback in our application. This way Cinder creates a uniform way of responding to file drop events across the Windows and OS X platforms.

There's more…

Cinder uses ci::fs::path objects to define paths. These are typedef instances of boost::filesystem::path objects and allow for much greater flexibility when working with paths. To learn more about the fs::path objects, please refer to the boost::filesystem library reference, available at http://www.boost.org/doc/libs/1_50_0/libs/filesystem/doc/index.htm.

Cinder Creative Coding Cookbook

Cinder Creative Coding Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Cinder Creative Coding Cookbook

Accessing files dropped onto the application window

Getting ready

How to do it…

How it works…

There's more…