let vaporwave = [

  // (0, 0, 0),

  // (20, 20, 20),

  // (220, 220, 220),

  "#ff71ce",

  "#01cdfe",

  "#05ffa1",

  "#b967ff",

  "#fffb96",

  "#0f62fe",

  // (0, 0, 0),

  // (0, 0, 0),

  // (0,0,0),

];

​

​

function setup() {

  createCanvas(1200, 2000);

  background(color(random(vaporwave)));

  let ibm = color(random(vaporwave));

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

    let col = lerpColor(ibm, color(255), map(y, height/4, height*.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';

  let r = width * 0.15;

  rectMode(CENTER);

  translate(width/2, height/2);

  while (r < width) {

    let s = map(r, width*.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;

  }

}

​

function draw() {

  // background(220);

}