1. The Dummy's Guide
to: Processing
By Daniel “Danny” Gonzalez
*Result may very
*All Rights Reserve

2. So What’s “Processing?”
O Think using object draw in eclipse
O Program that allows the user to create
animations

3. Basic layout
• setup
• Sets up the programs
• Initalize
• Set the size of the canvas
• Draw
• Self-explanitory
• Where you make the animations
• Note: color follows the rbg spectrum

4. Your basic Shape
O Ellipse
O (x,y,width,height)
O Rect
O (x,y,width,height)
O Triangle
O (x1,y1,x2,y2,x3,y3)

5. “Fill” and “framed”
On Eclipse On Procressing
O FilledRect/Oval O Filled black by
O FramedRect/Oval default
O noFill()
O To color in: fill(r,g,b)

6. Follows a “timeline”
(in pseudo-code)
On Eclipse On processing
O Object O Color of object
O Color of object O object

7. You can add images!
O Code for it
O PImage “whatever you named it/wyni”
O Wyni=loadImage(“the image”)
O Accepts: gif, jpeg, targa
O Image(wyni,x,y)
O How you do it
O Sketch
O Add File
O Select the image

8. For more information:
O http://processing.org/
O http://www.youtube.com/watch?v=ZByppa
YSJB8
O http://www.youtube.com/watch?v=rJrh0Ri
poVo&feature=relmfu

10. NOW GO OUTSIDE!