​

function setup() {

  angleMode(RADIANS);

  groups = [];

  createCanvas(600, 600);

  frameRate(10);

  let g = {color: color(random(255),random(255),random(255),255), points:[], step:TWO_PI/12};

  for (let i = 0; i < TWO_PI; i += TWO_PI/12) {

    g.points.push({radius: 100, theta: i}); 

  }

  groups.push(g);

  // console.log(g);

}

​

function draw() {

  background(255);

  for (let i = groups.length-1; i >= 0; i--) {

    translate(width/2,height/2);

    noStroke();

    fill(groups[i].color);

    beginShape();

    vertex(0,0);

    for (let j = groups[i].points.length-1; j >= 0; j--) {

      let p = groups[i].points[j];

      let x = p.radius * sin(p.theta);

      let y = p.radius * cos(p.theta);

      vertex(x,y);

      p.theta += groups[i].step;

      p.radius += random(1,10);

    }

    endShape(CLOSE);

  }

}