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

Implementing a force-directed graph

A force-directed graph is a way of drawing an aesthetic graph using simple physics such as repealing and springs. We are going to make our graph interactive so that users can drag nodes around and see how graph reorganizes itself.

Getting ready

In this recipe we are going to use the code base from the Creating a particle system in 2D recipe in Chapter 5, Building Particle Systems. To get some details of how to draw nodes and connections between them, please refer to the Connecting particles recipe in Chapter 6, Rendering and Texturing Particle Systems.

How to do it…

We will create an interactive force-directed graph. Perform the following steps to do so:

Add properties to your main application class.

vector< pair<Particle*, Particle*> > mLinks;
float mLinkLength;
Particle*   mHandle;
bool mIsHandle;

In the setup method set default values and create a graph.

void MainApp::setup(){
  mLinkLength = 40.f;
  mIsHandle   = false;

  float drag = 0.95f;
...

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

Implementing a force-directed graph

Getting ready

How to do it…