createCanvas(400, 400);

  christmasTree = loadImage("christmastree.jpg")

}

​

function draw() {

  background(0,0,0);

  //add a christmas tree background

  image(christmasTree,200,200,50,50);

  fill("red");

  textAlign(CENTER);

  text("Press 'r' for red",100,50);

  fill("orange");

  text("Press 'o' for orange",100,80);

  fill("yellow");

  text("Press 'y' for yellow",100,110);

  fill("green");

  text("Press 'g' for green",100,140);

  //continue this text and fill

​

}

​

function mouseClicked() {

  if(key == 'r') {

  fill("red");

  ellipse(mouseX,mouseY,50);

  }

  if(key == 'o') {

  fill("orange");

  ellipse(mouseX,mouseY,50);

  }

  if(key == 'y') {

  fill("yellow");

  ellipse(mouseX,mouseY,50);

  }

  if(key == 'g') {

  fill("green");

  ellipse(mouseX,mouseY,50);

  }

  if(key == 'b') {

  fill("blue");

  ellipse(mouseX,mouseY,50);

  }

  if(key == 'p') {

  fill("purple");

  ellipse(mouseX,mouseY,50);

  }

  //add it so if you make a mistake you can clear canvas

}