Processing and Programming

1. Processing and Programming B. Ramamurthy cse113-2013-2

2. Topics Lets understand some of the processing primitives “commands” or “instructions” Format of commands Grouping of commands into coherent functions Parameterizing the commands Sample commands: lets learn some commands cse113-2013-2

3. Program in Processing A program in Processing language is a collection of one or more commands Format of a command: Keyword Parenthesis Arguments or parameters Semicolon terminating the command Example: size(400,400); cse113-2013-2

4. List of all commands Reference to all the Processing commands is available at http://processing.org/reference It is also available in the Help menu of your Processing environment cse113-2013-2

5. A simple program (House) size(400, 600); rect(50,250,300,300); triangle(50,250,350,250,200,50); rect(175,450,50,100); ellipse(185,515,6,6); rect(85,300,40,40); rect(130,300,40,40); rect(85,340,40,40); rect(130,345,40,40); rect(230,300,40,40); rect(275,300,40,40); rect(230,345,40,40); rect(275,345,40,40); ellipse(20,20,30,30); cse113-2013-2

6. Lets Organize it A program as a collection of functions/methods void setup() { size(1400,1400); stroke(0); } void draw() { line(40,50, mouseX, mouseY); } void mousePressed() { background(192,64,0); stroke(255); PImageimg= loadImage("Penguins.jpg"); image(img,0,0); } cse113-2013-2

7. Lets learn some commands: 2D commands point (x, y); line(x1,y2,x2,y2); triangle(x1,y1, x2,y2, x3,y3); rect(x,y, length, width); // when length = width we get square ellipse(x, y, width, height); //when width=height we get circle arc(x,y,width, height, start, stop); quad(x1,y1, x2, y2, x3, y3, x4,y4); cse113-2013-2

8. Color commands background(single color #);// # between 0-255 background(r, g, b); // complex color background(img); fill(color); // sets fill color in RGB stroke(color);//sets the line color cse113-2013-2

9. Mouse Button mouseXmouseYmousePressedmouseReleased()mouseMoved()mouseDragged() cse113-2013-2