Why
should
you care
about
Processing?

1. What is it?
2. How does it work?
3. Why should I care?

1. What is it?
2. How does it work?
3. Why should I care?

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

Processing is an open source programming
language and environment for people who want to
program images, animation, and interactions. It is
used by students, artists, designers, researchers,
and hobbyists for learning, prototyping, and
production. It is created to teach fundamentals of
computer programming within a visual context
and to serve as a software sketchbook and
professional production tool. Processing is an
alternative to proprietary software tools in the
same domain.

1. What is it?
2. How does it work?
3. Why should I care?

Code goes
in here

Code goes
in here

Run
Code goes
in here

(magic happens)

Cool stuff comes
out here

Based on Java
- Complexity
+ Big standard library
for drawing
+ Lots of user-contributed
libraries for other things

Hello, world (Java)
public class Hello
{
public static void main (String args[])
{
System.out.println(\"Hello, world!\");
}
}
> javac Hello.java
> java Hello
> Hello, world!

Hello, world (Processing)
public class Hello
{
public static void main (String args[])
{
System.out.println(\"Hello, world!\");
}
}
> javac Hello.java
> java Hello
> Hello, world!

Hello, world (Processing)

Hello, world (Processing)

Hello, world v.2
ellipse (50, 50, 70, 70);

Shape primitives (2D)
point (x, y);
line (x1, y1, x2, y2);
rect (x, y, width, height);
ellipse (x, y, width, height);

Attributes
size(500,500);
background(255);
stroke(255,0,0);
fill(255,0,0,50);
strokeWeight(10);
smooth();
ellipse (width/2, height/2, 400, 400);

setup() and draw()
void setup()
{
// This code gets executed once,
// at the start.
}
void draw()
{
// This code gets executed over and
// over again.
}

Circles
void setup()
{
size (500,500);
background (255);
smooth ();
noFill ();
}
void draw()
{
float x = random (width);
float y = random (height);
float diameter = random (50);
ellipse (x, y, diameter, diameter);
}

Circles

processing.org/reference

1. What is it?
2. How does it work?
3. Why should I care?

Philosophy

Philosophy
(with lolcats)
“Postmodern Philosophy Lulz #04 -
Marshall McLuhan & A Cat With
Cheese On Its Face”

“What hackers and
painters have in common
is that they’re both
makers. Along with
composers, architects,
and writers, what hackers
and painters are trying to
do is make good things.”
Paul Graham

“Some artists work in video,
some artists work as painters,
some artists work with physical
materials.
“Software is just another
medium to work with. You can
express yourself and you can
communicate through software
the same way you can through
these more traditional media.”
Casey Reas

www.davincisketches.com

?

Open source
projects?
Personal
projects?
etc.

Learning

WARNING:
CONTAINS FLASHING IMAGES

Prototyping

processing.org
processing.org/reference
flickr.com/groups/processing
processingblogs.org

FIN.
www.j4mie.org

Robert Hodgin
flight404.com

Robert Hodgin
flight404.com

Robert Hodgin
flight404.com

Jared Tarbell
complexification.net

Jared Tarbell
complexification.net

Jared Tarbell
complexification.net

Syngola
flickr.com/syngola

Syngola
flickr.com/syngola

David Bollinger
davebollinger.com

David Bollinger
davebollinger.com

David Bollinger
davebollinger.com

David Bollinger
davebollinger.com

Ryan Alexander
onecm.com

Ryan Alexander
onecm.com

Ryan Alexander
onecm.com