Processing 2: Creative Programming Cookbook

Processing 2: Creative Programming Cookbook

Overview of this book

Processing is probably the best known creative coding environment that helps you bridge the gap between programming and art. It enables designers, artists, architects, students and many others to explore graphics programming and computational art in an easy way, thus helping you boost your creativity. "Processing 2: Creative Programming Cookbook" will guide you to explore and experience the open source Processing language and environment, helping you discover advanced features and exciting possibilities with this programming environment like never before. You'll learn the basics of 2D and 3D graphics programming, and then quickly move up to advanced topics such as audio and video visualization, computer vision, and much more with this comprehensive guide. Since its birth in 2001, Processing has grown a lot. What started out as a project by Ben Fry and Casey Reas has now become a widely used graphics programming language. Processing 2 has a lot of new and exciting features. This cookbook will guide you to explore the completely new and cool graphics engine and video library. Using the recipes in this cookbook, you will be able to build interactive art for desktop computers, Internet, and even Android devices! You don't even have to use a keyboard or mouse to interact with the art you make. The book's next-gen technologies will teach you how to design interactions with a webcam or a microphone! Isn't that amazing? "Processing 2: Creative Programming Cookbook" will guide you to explore the Processing language and environment using practical and useful recipes.

Processing 2: Creative Programming Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Getting Started with Processing 2

Introduction

Installing Processing on your computer

Exploring the Processing Development Environment

Installing libraries

Installing tools

Switching modes

Understanding the coordinate system

Writing your first Processing sketch

Using math functions

Responding to mouse events

Responding to keyboard events

Drawing Text, Curves, and Shapes in 2D

Calculating points on a curve

Drawing custom shapes

Manipulating SVG files

Offscreen drawing

Drawing in 3D–Lights, Camera, and Action!

Introduction

Understanding 3D space

Drawing 3D primitives

Using lights

Making polygon soup

Mixing 2D and 3D objects

Drawing triangle and quad strips

Using textures

Using the 3D camera

Working with Data

Introduction

Loading text files from the hard drive

Working with ArrayLists

Working with HashMaps

Exporting from Processing

Introduction

Saving images

Exporting applications

Saving PDF files

Calculating PDF sizes

Working with Video

Exporting image sequences

Manipulating pixels in a video

Using filters

Controlling the speed of a video

Jumping to a specific frame

Blending video

Audio Visualization

Introduction

Importing the Minim library

Playing audio files

Using live audio

Drawing a waveform

Using Fast Fourier Transforms

Audio reactive particles

Creating a drum machine

Creating a synthesizer

Using effects

Exploring Computer Vision

Installing the OpenCV library

Accessing a webcam with OpenCV

Face detection with OpenCV

Defining the region of interest with OpenCV

Manipulating video with OpenCV

Exploring JavaScript Mode

Introduction

Creating your first Processing sketch for the Web

Creating a custom HTML template

Working with fonts

Working with images/SVG files

Creating 3D sketches for the Web

Using Processing.js without the Processing editor

Writing sketches with JavaScript

Using Processing.js with jQuery

Getting started with the Toxiclibs.js library

Exploring Android Mode

Introduction

Installing the Android SDK

Running your sketch in the Android Emulator

Running your sketch on an Android device

Accessing screen size and density

Responding to touch interaction

Using the accelerometer

Using the GPS

Creating 3D sketches on Android

Adding an icon to your Android App

Using Processing with Other Editors

Introduction

Installing Eclipse

Installing the Processing plugin for Eclipse

Write your first sketch with the Processing Eclipse plugin

Installing the Processing library template in Eclipse

Writing Processing libraries

Installing the Processing tool template

Writing Processing tools

Using Processing with IntelliJ IDEA

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Accessing screen size and density

In the Running your sketch in the Android Emulator recipe, you've learned that the Android OS sets the size of your sketch window. In this recipe, we'll take a look at how we can access the width, height, DPI, and density values of the screen. There are a lot of Android devices with different screen sizes and resolutions. These values can be used to make your app look good on all of these devices.

Getting ready

I've used the font Junction in this example, an open source font made by The League of Moveable Type. You can download the font from http://www.theleagueofmoveabletype.com/junction. Drag the font file Junction.otf onto the Processing editor so you can use it in your sketch.

How to do it...

We'll start by importing the Android DisplayMetrics class, and declare some String variables and one variable for the font we'll use to display these strings on the screen:

import android.util.DisplayMetrics;
  
String density;
String dpi;
String w;
String h;

PFont...

Processing 2: Creative Programming Cookbook

Processing 2: Creative Programming Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Processing 2: Creative Programming Cookbook

Accessing screen size and density

Getting ready

How to do it...