​

// global variable//

var fillColor = "rgb(240,141,104)";

var brushSize = 10;

​

​

function setup() {

  createCanvas(500, 500);

  background("skyblue"); 

 noStroke();

}

​

function mouseDragged() {

 // fill("black");

  fill(fillColor); 

  square(mouseX, mouseY, -5);

  square(mouseX, mouseY, 10);

}

​

function keyPressed() {

  //conditional staement//

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

    fillColor = "green"; //green

  }

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

    fillColor = "#704B15"; //brown

  }

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

    fillColor = "red"; //red

  }

  if(keyCode === 80) {  //p

    fillColor = "rgb(233,84,110)"; //pink

  }

  if(keyCode === 79) {  //o

    fillColor = "#FF9800";  //orange

  }

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

    fillColor = "yellow";  //yellow

  }

  if(keyCode ===87) {  //w

    fillColor = "white";  //white

  }

  if(keyCode === 68) {  //d

    fillColor = "black";  //black

  }

  if (keyCode === 83) {

    save('drawing.jpeg');

  }

}

​

function doubleClicked() {

  background(220);

}