Animation Study 04

let diameter;

let hue;

let brightness;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB, 360, 100, 100, 100);

  diameter = width / 100.0;

  hue = 0;

  brightness = 100;

}

​

function draw() {

  background(0);

  noStroke();

  fill(hue, 80, brightness, 100);

  circle(width / 2, height / 2, diameter);

  hue += 1;

  brightness *= 0.99;

  diameter = diameter * 1.02;

  if (diameter > width * 1.5) {

    diameter = width / 100.0;

    hue = 0;

    brightness = 100;

  }

}