var myAmplitude = 100

var myFrequency = 0.5 //beats per second

​

var l = 50

var w = 50

var d = 50

var x

var z = 0

var angle = 0

​

function setup() {

  createCanvas(400, 400);

  noStroke();

  rectMode(CENTER)

​

​

}

​

function draw() {

​

  var myOffset = 200

  var myAmplitude = 100

  var myFrequency = 0.05

  var myPhaseX = radians(0)

  var myPhaseY = radians(90)

  // }

​

  // function drawrectcircle(x, y, l, w, d) {

  background(245, 225, 164);

​

​

  //rect.circle moves in a circle

  //change phase in order to have one circle follow the other

  // push()

  // z += 0.002

  // rotate(z)

  // pop()

​

  fill(r, g, b);

​

  var r = map(sin(millis() / 500) * width, 0, 400, 98, 120);

  var g = map(sin(millis() / 500) * width, 0, 400, 45, 196);

  var b = map(sin(millis() / 500) * width, 0, 400, 24, 212);

​

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

    var rectcircleX = myOffset + myAmplitude * sin(TWO_PI * (millis() / 1000) * myFrequency + myPhaseX + radians(30 * i));

    var rectcircleY = myOffset + myAmplitude * sin(TWO_PI * (millis() / 1000) * myFrequency + myPhaseY + radians(30 * i));

    rect(rectcircleX, rectcircleY, 50, 50, 50)

  }

​

  // angle+= 0.01

  // rotate (angle+TWO_PI)

  // rect (200, 200, 50, 50,50)

​

​

  //   for (var i = radians(0); i < 50; i = i + 10); {

  //     for (var j = radians(90); j < 50; j = j + 10) {

​

​

  //       fill(r, g, b);

  //       var rectcircleX = myOffset + myAmplitude * sin(TWO_PI * (millis() / 1000) * myFrequency + i);

  //       var rectcircleY = myOffset + myAmplitude * sin(TWO_PI * (millis() / 1000) * myFrequency + j);

  //       rect(rectcircleX, rectcircleY, 50, 50, 50)

  //       rect(rectcircleX, rectcircleY, 50, 50, 50)

​

​

​

}