let circleSize = 20;

let brush = "1";

​

function setup() {

  canvas = createCanvas(windowWidth, windowHeight);

  background("maroon");

}

​

function draw() {

  //triangle(mouseX, mouseY, mouseX,50)

​

  if (mouseIsPressed === true) {

    // rect(mouseX, mouseY, 10);

    // circle(mouseX, mouseY, 20);

    fill("pink");

    noStroke();

​

    if (brush === "1") {

      circle(mouseX, mouseY, 20);

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

      fill("black");

      rect(mouseX, mouseY, 20);

    }

​

    let hslColor = random(0, 360);

    fill(hslColor, 100, 25);

    strokeWeight(0);

​

    if (brush === "3") {

      circle(mouseX, mouseY, 10)

    }

    //let hue = (0, 360);

    //let saturation = random(50, 100);

     //let light = random(30, 100);

    //fill(hue, 100, 50);

    fill("black");

    if (brush === "4") {

      text("_", mouseX, mouseY);

      textSize (50)

      //circle(mouseX, mouseY, 10);

    }

    if (brush === "5") {

      fill("black");

      rect(mouseX, mouseY, 5);

      text("wow", mouseX, mouseY);

      textSize(50);

    }

    if (brush==="6"){

      fill("black")

       triangle(mouseX, mouseY - 10, mouseX - 55, mouseY + 10, mouseX +10, mouseY +35)

    }

    if(brush ==="7"){

      fill("cyan")

      text("O", mouseX, mouseY);

      textSize(80);

    }

    if (brush==="8"){

      fill("white")

   text(":D", mouseX, mouseY);

      textSize (50)

    }

  }

​

  //function mouseClicked() {

  //console.log ("I've been clicked!")

​

  //circleSize=circleSize*2

​

  //saveCanvas(canvas, "Circle.jpeg")

}

​

function keyPressed() {

  console.log("key pressed!");

​

  if (key === "0") {

    saveCanvas(canvas, "sketch.jpeg");

  }

  if (key === "9") {

    clear();

    background("maroon");

  }

​

  brush = key;

}

​