createCanvas(700, 700);

​

  angleMode(DEGREES);

}

​

function draw() {

  // background(220);

​

  for (i = 0; i < 700; i += 50) {

    for (j = 0; j < 700; j += 50) {

      x = frameCount % j;

      y = 90 * sin(frameCount * 2) + i;

​

      noStroke();

      var r = map(sin(frameCount), -1, 1, 50, 255);

      var g = map(cos(frameCount / 2), -1, 1, 50, 255);

      var b = map(sin(frameCount / 9), -1, 1, 50, 255);

​

      fill(r, g, b);

      circle(x, y, 20);

    }

  }

​

  // function keyTyped() {

  //   //by shahd

  //   if (key === "s") {

  //     save("myCanvas.jpg");

  //   }

  // }

}

​