Processing

Macklin Underdown
App Developer @ Detroit Labs


What Is Processing?

Processing is a programming language, development environment, and online community... Today, there are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning, prototyping, and production.


It's a lot of things!


What can you do with it?

And more!
  • Learn how to program
  • Talk to hardware
  • 3D model
  • Visualize data
  • Make interactive art installations
  • Make and design games
  • Synthesize audio

Why do I love it?

  • A great way to learn programming
  • Active online community
  • Facilitates making things

Environment

PDE

(Processing Development Environment)

Sketch

In Processing, a computer program is called a sketch.

Coordinates


Code

Main Program

 // global variables go here
void setup() { // one time stuff}
void draw() { // continuous loop}

Setup

void setup() {  size(500, 500);
  smooth();  bgColor = color(255);  myImage = loadImage("conor-barry.jpg");  ball = new Ball(x, y, size);}

  • Happens once at the beginning
  • Declare variables
  • Configure settings

Draw

void draw() {  background(100);
  if (mousePressed) {
    fill(0, 255, 0); // green
  } 
  else {
    fill(255); // white
  }
  rectMode(CENTER);
  rect(width/2, height/2, 50, 50);}
  • Happens after setup
  • Infinite loop
  • Updates the viewing window

ADD-ons

Libraries

Extend the Processing Language
  • 3D
  • Animation
  • Data
  • UI
  • Math & Physics
  • Sound
  • Typography
  • Computer Vision

Hardware

Modes

Write Processing Code in other languages

Recommended Projects

Hello World! Processing


Unnamed SoundSCuplture

3D printed record


Recommended Reading

Learning Processing

Daniel Shiffman

Processing: A Programming Handbook for Visual Designers and Artists

Casey Reas & Ben Fry

The Nature of Code

Daniel Shiffman

And More...

Processing

By Macklin Underdown