CircleStuff

var num = 15;

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background('#9590A8');

  stroke('white');

  fill('grey');

​

​

  for (var i = 0; i < num; i++) {

    var

      t = frameCount / 200.0 * TWO_PI,

      angle = TWO_PI / num * i,

      d = map(sin(t + angle * 3), -1, 1, 100, 200),

      x = width / 2 + cos(angle) * d,

      y = height / 2 + sin(angle) * d,

      dd = 20;

    x2 = map(sin(t), -1, 1, width / 2 - dd, width / 2 + dd) + cos(angle) * 20,

      y2 = map(cos(t), -1, 1, width / 2 - dd, width / 2 + dd) + sin(angle) * 20,

      sz = map(sin(t + angle * 3), -1, 1, 25, 75),

      sz2 = map(sin(t + angle * 3), -1, 1, 0, sz * .9);

    line(x2, y2, x, y);

    noFill();

    ellipse(x, y, sz, sz);

    ellipse(x, y, sz2, sz2);

    fill('white');

    ellipse(x, y, 5, 5);

  }

}