let saturation;

let brightness;

​

​

​

function setup() {

  createCanvas(400, 400);

  colorMode(HSB);

​

}

​

​

​

function draw() {

  background(220);

​

​

  if (mouseY >= 200) {

    hue = random(0, 180);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

​

​

​

    strokeWeight(1);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 300);

​

    hue = random(0, 70);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(2);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 250);

​

    hue = random(0, 70);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(3);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 200);

​

    hue = random(0, 70);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(4);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 150);

​

    hue = random(0, 70);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(5);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 100);

​

    hue = random(0, 70);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(6);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 50);

​

​

    strokeWeight(8);

    circle(mouseX - 100, mouseY - 100, 150);

​

    strokeWeight(8);

    circle(mouseX + 100, mouseY - 100, 150);

​

    strokeWeight(8);

    circle(mouseX + 100, mouseY + 100, 150);

​

    strokeWeight(8);

    circle(mouseX - 100, mouseY + 100, 150);

​

    strokeWeight(5);

    circle(mouseX - 50, mouseY + 50, 75);

​

    strokeWeight(5);

    circle(mouseX - 50, mouseY - 50, 75);

​

    strokeWeight(5);

    circle(mouseX + 50, mouseY + 50, 75);

​

    strokeWeight(5);

    circle(mouseX + 50, mouseY - 50, 75);

​

    stroke(7);

    noFill();

    circle(200, 200, 360)

  } else {

​

    let hue = random(180, 300);

    let saturation = random(0, 100);

    let brightness = random(50, 100);

​

​

​

​

    strokeWeight(1);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 300);

​

    hue = random(180, 300);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(2);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 250);

​

    hue = random(180, 300);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(3);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 200);

​

    hue = random(180, 300);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(4);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 150);

​

    hue = random(180, 300);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(5);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 100);

​

    hue = random(180, 300);

    saturation = random(0, 100);

    brightness = random(50, 100);

​

    strokeWeight(6);

    fill(hue, saturation, brightness);

    circle(mouseX, mouseY, 50);

​

​

    strokeWeight(8);

    circle(mouseX - 100, mouseY - 100, 150);

​

    strokeWeight(8);

    circle(mouseX + 100, mouseY - 100, 150);

​

    strokeWeight(8);

    circle(mouseX + 100, mouseY + 100, 150);

​

    strokeWeight(8);

    circle(mouseX - 100, mouseY + 100, 150);

​

    strokeWeight(5);

    circle(mouseX - 50, mouseY + 50, 75);

​

    strokeWeight(5);

    circle(mouseX - 50, mouseY - 50, 75);

​

    strokeWeight(5);

    circle(mouseX + 50, mouseY + 50, 75);

​

    strokeWeight(5);

    circle(mouseX + 50, mouseY - 50, 75);

​

    stroke(7);

    noFill();

    circle(200, 200, 360)

​

  }

}