Spiral Balls

var direction1 = 1;

var direction2 = 1;

var direction3 = 1;

var direction4 = 1;

var direction5 = 1;

var startSize1 = 5;

var startSize2 = 10;

var startSize3 = 15;

var startSize4 = 20;

var startSize5 = 25;

var maxSize = 30;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  angleMode(DEGREES);

}

​

function draw() {

  translate(width/2,height/2);

  background(0);

  noStroke();

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

    x = cos(i*25) * (i + 20);

    y = sin(i*25) * (i + 20);

    fill("#9B6A6C");

    ellipse(x,y,startSize1,startSize1);

  }

  for (var i=41; i<80; i++) {

    x = cos(i*25) * (i + 20);

    y = sin(i*25) * (i + 20);

    fill("#CEDFD9");

    ellipse(x,y,startSize2,startSize2);

  }

  for (var i=81; i<120; i++) {

    x = cos(i*25) * (i + 20);

    y = sin(i*25) * (i + 20);

    fill("#E6AA68");

    ellipse(x,y,startSize3,startSize3);

  }

  for (var i=121; i<160; i++) {

    x = cos(i*25) * (i + 20);

    y = sin(i*25) * (i + 20);

    fill("#B33F62");

    ellipse(x,y,startSize4,startSize4);

  }

  for (var i=161; i<200; i++) {

    x = cos(i*25) * (i + 20);

    y = sin(i*25) * (i + 20);

    fill("#F9564F");

    ellipse(x,y,startSize5,startSize5);

  }

  startSize1 = startSize1 + direction1;

  startSize2 = startSize2 + direction2;

  startSize3 = startSize3 + direction3;

  startSize4 = startSize4 + direction4;

  startSize5 = startSize5 + direction5;

  if ((startSize1 >= maxSize) || (startSize1 < 0)) {

    direction1 = -direction1;

  }

  if ((startSize2 >= maxSize) || (startSize2 < 0)) {

    direction2 = -direction2;

  }

  if ((startSize3 >= maxSize) || (startSize3 < 0)) {

    direction3 = -direction3;

  }

  if ((startSize4 >= maxSize) || (startSize4 < 0)) {

    direction4 = -direction4;

  }

  if ((startSize5 >= maxSize) || (startSize5 < 0)) {

    direction5 = -direction5;

  }

}