p5 variables and conditionals

  5.10.2022

*/

​

// global variable

var fillColor = "blue";

var brushSize = 10;

​

function setup() {

  createCanvas(700, 400);

  background(220);

  noStroke();

}

​

function mouseDragged() {

  // fill("blue"); // hard coded

  fill(fillColor); // variable

  stroke(3);

  square(mouseX, mouseY, brushSize);

  circle(mouseX + 20, mouseY + 20, brushSize);

}

​

function keyPressed() {

  // conditional statement

  if (keyCode === 71) { // g

    fillColor = "green";

  }

  if (keyCode === 66) { // b

    fillColor = "blue";

  }

  if (keyCode === 89) { // y

    fillColor = "yellow";

  }

  if (keyCode === 82) { // r

    fillColor = "red";

  }

  if (keyCode === 67) { // c

    background(220);

  }

  if (keyCode === 83) { // s

    save("drawing.jpg");

  }

}

​