WEEK 3: Tut 5

by Sarah Shultz

Tut 5: Drawing with Conditionals and Loops

  • Show Sketch
// Uses the logical OR operator to combine the values of tests into each if statement 
/** @peep sketchcode */
size(200, 200);
 
int a = 20; 
int b = 20; 
 
if ((a > 5) || (b < 30)) { 
  line(40, 100, 160, 100); 
} 
 
if ((a > 15) || (b < 30)) { 
  ellipse(100, 100, 72, 72); 
}
    /* The difference between a WHILE and a DO...WHILE loop is that the test is performed after the code inside bracket is run. This means that the code will always run AT LEAST ONCE 
    */
     
    int x = 10;
    do {
      println(x);
      x--;
    } while (x > 1)

    Drawing Repeating Patterns with Loops: If you change the value next to += to a higher value, the squares will become farther spaced apart because the x-axis is incremented by a larger number and vice versa. To change the size of the squares themselves, simply edit the width and height attributes of the rect() function

    • Show Sketch
    /** @peep sketchcode */
    size(200, 200); 
    int y = 20; 
    for (int x = 20; x < width; x += 10) { 
      rect(x-5, y-5, 5, 5); 
    }

    Tut 5: combinbed Custom Code Exercise

    • Show Code
    /**@peep sketch */ 
    void setup() {
      size (500, 500);
      background (random(255), random(255), random(255)); 
     
     
      textSize(15);
      text("click around in different parts of the canvas for fun surprises!", 10, 430); 
      fill(0, 102, 153);
      text("press 'enter' to start a new drawing!", 10, 450);
      fill (random(255), random(255), random(255));
     
     
    } // end setup function
     
     
    void draw() {
     
          strokeWeight(random(10));
          stroke(random(255), random(255), random(255));
     
     
        if (mousePressed == true ) {
          line(mouseX, mouseY, pmouseX, pmouseY); 
     
        } // end if statement 
     
    } // end draw function
     
    // this function draws either a circle or a tirangle, depending on the position of your mouse in reference to x coordinates 
    // the if statements are used to decide what type of shape would be drawn, depending on the location of where each mouse click happens
    void mouseClicked () {
     
     if (mouseX <=250) { 
         strokeWeight(random(10));
         fill(random(255), random(255), random(255));
          triangle(30, 76, 58, 20, 86, 75);
     
     } else if (mouseX >=250) {
         strokeWeight(random(10));
         fill(random(255), random(255), random(255));
         ellipse (375,125, 150, 150);
     }
     
    } // end of mouseClicked
     
    // this function allows you to press 'enter' to clear and create a new masterpiece!
    void keyPressed () {
       if (key == ENTER) {
           size (500, 500);
           background (random(255), random(255), random(255)); 
     
     
        textSize(15);
        text("click around in different parts of the canvas for fun surprises!", 10, 430); 
        fill(0, 102, 153);
        text("press 'enter' to start a new drawing!", 10, 450);
        fill (random(255), random(255), random(255));
     
      }
    }

    Comments

    Nobody has said anything yet.