let c;

let brush;

​

function setup() {

  c = createCanvas(windowWidth, windowHeight);

​

  background("white");

}

​

function draw() {

​

  if (mouseIsPressed === true) {

    fill("blue");

    stroke("white")

    // circle(mouseX, mouseY, 50)

    if (brush === "1") {

      circle(mouseX, mouseY, 50);

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

      fill("red")

      rect(mouseX, mouseY, 20);

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

      stroke("black");

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

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

      stroke("yellow");

      line(width, height, mouseX, mouseY);

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

      stroke("#FF48B0");

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

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

      stroke("#67B346");

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

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

      fill('#white')

        stroke("pink")

      circle(mouseX, mouseY, 50);

      rect(mouseX, mouseY, 50);

      rect(mouseX, mouseY, 40);

      rect(mouseX, mouseY, 30);

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

      stroke("orange");

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

      fill("white")

      circle(mouseX, mouseY, 20)

    }

  }

}

​

// When the mouse is pressed this function is called

function mouseClicked() {

  // Save the canvas

  //saveCanvas(c, 'sketch.jpeg')

}

​

function keyPressed() {

  console.log("key pressed");

​

  if (brush === "9") {

    saveCanvas(c, "sketch.jpeg");

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

    clear();

  }

  brush = key;

}

​