createCanvas(700, 700);

  fr = 0;

  sp = 0.005;

  v = 0;

}

​

function draw() {

  background(0);

  translate(width/2, height/2);

​

  var r = 20;

  for (var j = 3; j < 16; j++)

  {

    noFill();

    stroke(255);

    strokeWeight(1);

    beginShape(); 

    for (var i = 0; i < j; i++)

    {

      vertex(sin(i*TWO_PI/j)*r, cos(i*TWO_PI/j)*r);

    }

    endShape(CLOSE);

    fill(0, 255, 0);

    noStroke();

    var dx = sin((i+v+1)*TWO_PI/j)*r - sin((i+v)*TWO_PI/j)*r;

    var dy = cos((i+v+1)*TWO_PI/j)*r - cos((i+v)*TWO_PI/j)*r;

    ellipse(sin((i+v)*TWO_PI/j)*r+dx*fr, cos((i+v)*TWO_PI/j)*r+dy*fr, 14, 14);

    r += 23;

  }

  fr+=sp;

  if (fr >= 1) {

    fr = 0;

    v += 1;

  }

}

​

​

​

​

​

​

​

​

​