​

function setup() {

  createCanvas(800, 800);

​

  background(20);

​

  circs = [];

  circs.push({

    x: width / 2,

    y: height / 2,

    r: height/8,

    d: 24,

    t: 0,

    step: PI/64,

    depth: 0,

    triggered: false,

  });

  stroke(220);

  noFill();

}

​

function draw() {

  // background(220);

  translate(width/2,height/2);

  for (let c of circs) {

    let x =  c.r * cos(c.t);

    let y = c.r * sin(c.t)

    circle(x,y, c.d);

    c.t += c.step;

    if (c.t > HALF_PI && !c.triggered && c.r < height/2) {

      c.triggered = true;

      circs.push({

        x:x,

        y:y,

        r: height/8 + c.r,

        d: 24,

        t: 0,

        step: PI/128,

        depth: c.depth+1,

        triggered: false,

      })

    }

  }

  translate(-width/2,-height/2);

}

​