let vaporwave = [

  // (220, 220, 220),

  "#ff71ce",

  "#01cdfe",

  "#05ffa1",

  "#b967ff",

  "#fffb96",

];

function setup() {

  createCanvas(800, 800);

  noFill();

  centers = [];

  for (let _ = 0; _ < 50; _++) {

    centers.push({

      x: random(width),

      y: random(height),

      sep: width*random(0.005, 0.02),//0.01,

      num_circles: random(10,30),

      col: random(80,220),

      vx: random(-2,2),

      vy: random(-2,2)

    })

  }

  random(centers).col = color(random(vaporwave));

}

​

function draw() {

  background(color(20,20,20,10));

  if (random() > 0.9) {

    let __c = color(random(vaporwave));

    __c.setAlpha(10);

    background(__c);

  }

  // stroke(220);

  for (let c of centers) {

    stroke(color(c.col));

    let r = c.sep;

    for (let _ = 0; _ < c.num_circles; _++) {

      circle(c.x, c.y, r);

      r += c.sep;

    }

    c.x += c.vx;

    c.y += c.vy;

    if (c.x < 0 || c.x > width) c.vx *= -1;

    if (c.y < 0 || c.y > height) c.vy *= -1;

    c.x = constrain(c.x, 0, width-1);

    c.y = constrain(c.y, 0, height-1);

  }

}

​

function keyPressed() {

  if (key == "s") saveGif("moire.gif", 10);

}