Beginner Processing workshop for people who want to learn to code!

1. Processing #FTW

2. Introduction
“Computers in the future may weigh no more
than 1.5 tons”
- Popular Mechanics, 1949

3. Exhibition
Strata – Quayola
SoundMachines – The Product
Unnamed Soundsculpture – Daniel
Franke & Cedric Keifer

4. Mission
“Processing seeks to ruin the careers
of talented designers by tempting them
away from their usual tools and into the
world of programming and
computation. Similarly, the project is
designed to turn engineers and
computer scientists to less gainful
employment as artists and designers”

5. Open Source Happiness
FREE FREE FREE! LE LO BHAI!
Fully functional language based on Java
Super cool community
Forget that MBA and go express yourself!

6. PDE

7. Ace Ventura when
“FUNCTION”
calls…

8. Draw shapes Sistah!
• Point();
• Line();
• ellipse();
• rect();
• triangle();

9. What‟s your „POINT‟?
point(x, y);

10. Whose „LINE‟ is it anyway?
line(x1, y1, x2, y2);

11. „ELLIPSE‟, You complete me!
ellipse(x, y, width, height);

12. My band: The „RECTANGLES‟
rect( x, y, width, height);

13. Bro, you need some
„COLORs‟ in your life!
stroke();
fill();

14. COLORS…(Cont‟d)
stroke(0); -> Grayscale color
fill(255, 0, 0); (Bright RED color)
fill(0, 255, 0); (Dark Green color)
fill(0, 0, 255); (Dark BLUE color)

15. Basic Processing Structure
void setup(){
}
void draw(){
}

16. SIZE (Nooo...Not that SIZE)
size(width, height);

17. „If‟ you love me…
(Conditional Statements)
If (Condition) {
Do something
} else {
Do something else
}

18. Finishing touches…
Unlimited possibilities with interaction and
processing can be used as input and output.
Interaction with
Mouse, Keyboard, Sensors, Arduino, Webca
m, Kinect…
Create visualizations, create ART!

19. Resources
Processing Website – processing.org
Nature of Code – natureofcode.com
Creative Applications –
creativeapplications.net

20. Thank you!