Processing Variables

1. Processing Variables

2. Variables • Processing gives us several variables to play with • These variables are always being updated and you can assume they have the right value • Watch your spelling!

3. Mouse Location • mouseX tells the X location of the mouse • mouseY tells the Y location of the mouse

4. Window Properties • width tells the width of the window currently (even if you resize) • height tells the current height of the window height width

5. What can you do with that? • Draw a circle that follows the mouse: • ellipse(mouseX, mouseY, 20, 20); • Draw a rectangle (60x40) centered around the mouse: • rect(mouseX-30, mouseY-20, 60,40); • Draw a box, centered, exactly ½ the size of the window: • rectMode(CENTER); • rect(width/2, height/2, width/2, height/2);

6. Coding with methods • Notice the “chunks” of code, like setup and draw: public void draw(){ <- Code goes in here. }

7. Coding with methods • Notice the “chunks” of code, like setup and draw: public void draw(){ <- Code goes in here. } We can make our own: public void drawEyes(){ ellipse(50,50,10,10); ellipse(20,50,10,10); }

8. Coding with methods • Notice the “chunks” of code, like setup and draw: public void draw(){ drawEyes(); Now call the method in } the draw() section. We can make our own: public void drawEyes(){ ellipse(50,50,10,10); ellipse(20,50,10,10); }