​

let clickCount = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(220, 20, 120);

  rectMode(CENTER);

  noLoop();

}

​

function draw() {}

​

function mouseClicked() {

  let colorIndex = clickCount % 7;

  let shapeIndex = clickCount % 2;

​

  if (colorIndex == 0) {

    fill("darkred");

  } else if (colorIndex == 1) {

    fill("darkorange");

  } else if (colorIndex == 2) {

    fill("gold");

  } else if (colorIndex == 3) {

    fill("darkgreen");

  } else if (colorIndex == 4) {

    fill("mediumblue");

  } else if (colorIndex == 5) {

    fill("indigo");

  } else if (colorIndex == 6) {

    fill("darkviolet");

  }

​

  if (shapeIndex == 0) {

    rect(mouseX, mouseY, DIAMETER);

  } else if (shapeIndex == 1) {

    ellipse(mouseX, mouseY, DIAMETER);

  }

​

  clickCount += 1;

}

​