Unit 3 Lab 2

var angle;

var easing= 0.1;

var xOffset;

var yOffset;

var speed= 0.1;

​

function setup() {

    createCanvas(1200, 500);

    angle = 0;

}

​

function draw() {

    xOffset= 100;

    yOffset= 100;

    background(0);

​

    var y = yOffset + sin(angle + 0.0)*50;

    var y2 = yOffset + sin(angle + 0.4)*50;

    var y3 = yOffset + sin(angle + 0.8)*50;

    var y4 = yOffset + sin(angle + 1.2)*50;

    var y5 = yOffset + sin(angle + 1.6)*50;

    var y6 = yOffset + sin(angle + 2.0)*50;

    var y7 = yOffset + sin(angle + 2.4)*50;

    var y8 = yOffset + sin(angle + 2.8)*50;

    var y9 = yOffset + sin(angle + 3.2)*50;

    var y10 = yOffset + sin(angle + 3.6)*50;

    var y11 = yOffset + sin(angle + 4.0)*50;

    var y12 = yOffset + sin(angle + 4.4)*50;

    var y13 = yOffset + sin(angle + 4.8)*50;

    var y14 = yOffset + sin(angle + 5.2)*50;

    var y15 = yOffset + sin(angle + 5.6)*50;

    var y16 = yOffset + sin(angle + 6.0)*50;

  // for (var e = 25; e < height; e += 50) {

  // ellipse(e, y, 50);

  // ellipse(85, y2, 50);

  // ellipse(145, y3, 50);

  // angle += speed;

  // }

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

      //pattern y: angle + i * 0.4

      //pattern x: increasing by 60

      y = yOffset + sin(angle + i * 0.4)*50

      var x = 25 + i * 60

      ellipse(x, y, 50);

      // ellipse(85, y2, 50);

      // ellipse(145, y3, 50);

      // ellipse(205, y4, 50);

      // ellipse(265, y5, 50);

      // ellipse(325, y6, 50);

      // ellipse(385, y7, 50);

      // ellipse(445, y8, 50);

      // ellipse(505, y9, 50);

      // ellipse(565, y10, 50);

      // ellipse(625, y11, 50);

      // ellipse(685, y11, 50);

      // ellipse(745, y12, 50);

      // ellipse(805, y13, 50);

      // ellipse(865, y14, 50);

      // ellipse(925, y15, 50);

      // ellipse(985, y16, 50);

 }

  angle += speed;

}

function keyPressed() {

  if (keyCode === LEFT_ARROW) {

    xOffset++;

  } else if (keyCode === RIGHT_ARROW) {

    xOffset--;

  }

}