260101

const w = 800;
const h = 800;
let palette = [];

function setup() {
  createCanvas(w, h, WEBGL);
  palette = colorArray[1].colors;
  background(palette[4]);
}

function draw() {
  orbitControl();
  background(palette[4]);
  noFill();
  stroke(palette[3]);
  strokeWeight(1);
  let numWaves = 811;
  let baseR = 10;
  let maxRadius = 400;
  let pastR = 150;
  let t = frameCount * 0.008;
  for (let i = 0; i < numWaves; i++) {
    let norm = i / (numWaves - 1);
    let r = lerp(baseR, maxRadius, norm);
    let theta = t - r;
    let pastSourceX = cos(theta) * pastR;
    let pastSourceY = sin(theta) * cos(theta) * pastR;

    push();
    translate(pastSourceX, pastSourceY, 0);
    ellipse(0, 0, r, r, 50);
    pop();
  }
}

const colorArray = [
  {
    id: 0,
    colors: ["#253276", "#dfdad3", "#ffffff", "#000000"],
  },
  {
    id: 1,
    colors: [
      "#9dbdba",
      "#f8b042",
      "#e47763",
      "#253276",
      "#dfdad3",
      "#ffffff",
      "#000000",
    ],
  },
];