let triangleSize = 20;

let brush = "1";

​

function setup() {

  canvas = createCanvas(windowWidth, windowHeight);

  colorMode(HSL);

  background("rgba(132,165,255,0.21)");

  frameRate(1000);

}

​

function draw() {

  if (mouseIsPressed === true) {

    if (brush === "1") {

      triangle(

        mouseX,

        mouseY - 20,

        mouseX - 20,

        mouseY + 10,

        mouseX + 20,

        mouseY + 10

      );

      let hslcolor = random(0, 360);

      fill(hslcolor, 100, 50);

​

    }

     if (brush === "4") {

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

      }

    if (brush === "5") {

      circle(mouseX, mouseY, 50)

     let hslcolor = random(0, 360);

      fill(hslcolor, 100, 50);

    }

    if (brush === "6") {

       arc(mouseX, mouseY, 50, 50, 0, HALF_PI)

      fill("white")

    }

     if (brush === "7") {

       ellipse(mouseX, mouseY, 100, 3)  

       fill("black")

    }

    if (brush === "8") {

      quad(mouseX, mouseY,mouseX, mouseY, mouseX, 0, mouseX, mouseY);

      fill("black")

    }

  }

}

​

function keyPressed() {

  brush = key;

​

  if (key === "9") {

    clear();

    let saturation = random(0, 360);

    background(saturation, 100, 50);

  }

  if (key === "0") {

    saveCanvas(canvas, ".jpeg");

  }

  if (key === "2") {

    circle(mouseX, mouseY, 50);

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

    rect(mouseX, mouseY, 50);

  }

}