createCanvas(300, 300);

  slate();

}

​

function slate() {

  background(255);

  strokeWeight(5);

  rect(0, 250, 300, 50);

  strokeWeight(0);

  fill('black');

  textSize(35);

  textFont('Georgia');

  text('Clear', 110, 285);

  strokeWeight(5);

  fill('red');

  square(5, 5, 30);

  fill('green');

  square(35, 5, 30);

  fill('blue');

  square(65, 5, 30);

  noFill();

}

​

function draw() {

  if (mouseIsPressed === true) {

    if (mouseY > 250){

      slate();

    }

    else{

    strokeWeight(5);

    line(mouseX, mouseY, pmouseX, pmouseY);

    }

  }

}