let ibm;

function setup() {

  createCanvas(1200, 2000);

  background(220);

​

  ibm = color(ibm_blue);

​

  for (let y = height / 4; y < height * 0.75; y++) {

    let col = lerpColor(

      ibm,

      color(255),

      map(y, height / 4, height * 0.75, 0.0, 1.0)

    );

    col.setAlpha(120);

    stroke(col);

    line(0, y, width, y);

  }

  noStroke();

​

  // Style the circle using shadows.

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 10;

  drawingContext.shadowColor = "black";

  frameRate(24);

}

​

function draw() {

  background(220);

  let r = width * 0.15;

  rectMode(CENTER);

  translate(width / 2, height / 2);

  while (r < width) {

    let s = map(r, width * 0.15, width, width * 0.01, width * 0.1);

    let st = random(-TWO_PI, TWO_PI);

    let a = map(r, width * 0.15, width, 255, 100);

    ibm.setAlpha(a);

    let b = map(r, width * 0.15, width, 10, 40);

​

    drawingContext.shadowBlur = b;

    drawingContext.shadowColor = ibm;

​

    for (let t = st; t < TWO_PI + st; t += PI / 64) {

      let x = r * cos(t);

      let y = r * sin(t);

      push();

      rotate(t);

      rect(x, y, s, s);

      pop();

    }

​

    r += s / 2;

  }

}

​