var num;

var values = [];



var time;



function setup() {

  createCanvas(windowWidth,

               windowHeight);

  angleMode(DEGREES);

  noFill();



  num = 300;

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

    values[i] = 0.0;

  }



  time = 0.0;

}



function draw() {

  background(254, 255, 254);



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

    x = 360 / (num - 1) * i + time;

    values[i] = windowWidth / 4 * sin(x);

    var ellipseX = windowWidth / 3 + values[i];

    var ellipseY = windowHeight / (num - 1) * i;



    stroke(10, 160, 250);

    ellipse(ellipseX, ellipseY - 20, 25);



    stroke(240, 35, 95);

    ellipse(mirrorX(ellipseX), ellipseY + 7, 25);



    stroke(190, 190, 190);

    line(ellipseX, ellipseY - 20,

      mirrorX(ellipseX), ellipseY + 70);

  }



  time = time + 300;

}



function mirrorX(x) {

  var mx;

  mx = windowWidth - x;

  return mx;

}