Quick Introduction into Processing I gave once at the Qype Developer Session

1. Processing

2. Origins
2001 Computer Graphic
MIT Media Lab Science Design
Aesthetics +
Computing Group Statistics
Ben Fry & Casey Reas

3. Aim
Easy to start & learn
Early, impressive
results
low (OS) Dependencies
beauty, less code

4. Proposes
Education
Visualizations
Sounds
Interaction Design
Small, abstract Apps

5. Features
Programming
Language
Sketchbook
Runtime

6. Language
Java-based
void setup() {
PFont font = loadFont("myfont.vlw");
Strong typing textFont(font,20);
}
Polymorphism void draw() {
text("Hello World!", 30,50);
}
Classical inheritance

7. Graphics API
void drawCircle(int x, int radius, int level)
{
float tt = 126 * level/4.0;
fill(tt);
ellipse(x, 100, radius*2, radius*2);
if(level > 1) {
Procedural level = level - 1;
drawCircle(x - radius/2, radius/2, level);
drawCircle(x + radius/2, radius/2, level);
Global scope }
}
Graphics generation
Image processing

8. Third-Party Libraries
Video OpenGL
Network Audio
PDF JavaScript
Hardware interfacing Databases
Arduino …

9. Demonstration

10. Beyond
processing.org
openprocessing.org
processing.js
mobile.processing
ruby-processing

11. Beyond
processing.org
openprocessing.org
processing.js
mobile.processing
ruby-processing WTF!!?!?!

12. Code as Art, Art as Code.
Processing and Ruby are meant for
each other.

13. Ruby Processing
# My Sketch
class MySketch < Processing::App
JRuby
def setup
#init
gem v. 1.0.8 end
def draw
100% compatible #loop
end
yes, even OpenGL end
MySketch.new :title => "My Sketch",
nifty extras: watch, :width => 800, :height => 600
UI controls,
export

14. Qype Earth
3D OpenGL
Visualization of Qype
Reviews
PeasyCam
MySQL Data fetch
Timeline with Slider

15. Thanks!