Processing Environment Menu Toolbar (run, stop, new, open, save, export) Tabs Text editor (this is where you type code) Message area (feedback, errors) Text output (print commands)

Transferring sketches Processing export functions Prepares your sketch for execution with Java Not for transferring to the home system To bring a sketch home Find your .pde file Try to open another and see where this one is Transfer using a SSH FTP program WinSCP for windows Command line sftp for MacOS

Other Drawing Functions triangle(x1, y1, x2, y2, x3, y3); quad(x1, y1, x2, y2, x3, y3, x4, y4); curve(x1, y1, x2, y2, x3, y3, x4, y4); arc(x, y, width, height, start, stop);

Really Hard Drawing Functions arc(x, y, width, height, start, stop); curve(x1, y1, x2, y2, x3, y3, x4, y4); Catmull-Rom splines bezier(x1, y1, x2, y2, x3, y3, x4, y4); Bezier curves Popular in many drawing programs As connected Bezier segments But few create them “by the numbers”

Arc stuff size(400, 200) ; background(0) ; stroke(0,0,255) ; fill(255,255,0) ; int x = 50 ; int y = 50 ; arc(x, y, 100, 100, 0, PI/3) ; x = x + 100 ; arc(x, y, 100, 100, PI/3, 2*PI/3) ; arc(x, y, 100, 100, 2*PI/3, PI) ; arc(x, y, 100, 100, 2/3*PI, PI) ;

Bezier and curve stuff int offset = 50 ; size(300,300) ; background(0) ; fill(0,255,0) ; ellipse( 50, 50,10,10) ; ellipse(250, 50,10,10) ; fill(0,127,0) ; ellipse( 50+offset, 250, 10, 10) ; ellipse(250-offset, 250, 10, 10) ; noFill() ; strokeWeight(5) ; stroke(255,0,0) ; bezier( 50, 50, 50+offset, 250, 250-offset, 250, 250, 50) ; stroke(0,0,255) ; curve( 50, 50, 50+offset, 250, 250-offset, 250, 250, 50) ;

Drawing Modes rectMode(α) CENTER CORNER CORNERS ellipseMode(α) RADIUS

Using modes size(400,400) ; fill(255,0,0,50) ; rectMode(CENTER) ; rect(200,200,100,100) ; fill(0,255,0,50) ; rectMode(CORNER) ; fill(0,0,255,50) ; rectMode(CORNERS) ;

My first somewhat buggy Java applet Color Models colorMode(RGB, 255); // processing’s default color model // used almost exclusively in // computer science applications colorMode(HSB, 360, 100, 100); // hue, saturation, value(brightness) // used predominately in art, available // in most graphics and animation packages My first somewhat buggy Java applet