​

function setup() {

  createCanvas(800, 600);

  noStroke();

}

​

function draw() {

  drawColorBands();

  drawBlackGlossyBlob();

}

​

function drawColorBands() {

  const colors = ['red', 'yellow', 'blue', 'orange', 'purple', 'green'];

  const bandHeight = height / colors.length;

​

  for (let i = 0; i < colors.length; i++) {

    fill(colors[i]);

    rect(0, i * bandHeight, width, bandHeight);

  }

}

​

function drawBlackGlossyBlob() {

  const blobSize = 200;

  const centerX = width / 2;

  const centerY = height / 2;

​

  fill(0);

  ellipse(centerX, centerY, blobSize);

​

  // Add glossiness using an ellipse with white color and low alpha

  fill(255, 255, 255, 100);

  ellipse(centerX - 40, centerY - 60, blobSize / 2, blobSize / 4);

}

​

function mouseClicked() {

  // Refresh the canvas if it is clicked

  drawColorBands();

  drawBlackGlossyBlob();

}

​