​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  background("white");

​

  colorMode(HSL);

​

  //blendMode(MULTIPLY)

​

  frameRate(20);

}

​

function draw() {

  let hslColor = random(0, 360);

  fill(hslColor, 100, 50);

​

  if (mouseIsPressed === true) {

    //   if(true) {

    //     circle(mouseX, mouseY, 35)

    //   } if (true){

    //     rect(mouseX, mouseY, 30)

    //   }

    if (brush === "1") {

      circle(mouseX, mouseY, 25);

    } else if (brush === "2") {

      rect(mouseX, mouseY, 50);

    } else if (brush === "3") {

      line(width / 2, height / 2, mouseX, mouseY);

    } else if (brush === "4") {

      circle(mouseX, mouseY, 30)

      circle(mouseX, mouseY, 10)

       text('hello people of the world', mouseX, mouseY, 70)    

    } else if (brush === "5") {

      text('(づ ◕‿◕ )づ', mouseX, mouseY)

      textSize(50)

    } else if(brush === "6"){

      text('(ᗒᗣᗕ)՞', mouseX, mouseY)

      textSize(75)

    } else if(brush === "7"){

      stroke("pink")

      line(20, 20, mouseX, mouseY)

      stroke("blue")

      line(50, 30, mouseX, mouseY)

    } else if(brush === "8"){

      triangle(mouseX, mouseY - 15, mouseX - 60, mouseY + 10, mouseX +20, mouseY +28)

    }

  }

}

function keyPressed() {

  console.log("key pressed");

​

  if (key === "s") {

    saveCanvas("sketch.jpg");

  }

  if (key === "c") {

    clear();

    background("white");

  }

​

  brush = key;

}

​