Rotate Translate Animation

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

}

​

function draw() {

  noFill();

  stroke(2, 75, 0);

strokeWeight(1);

  //stroke(500, 5);

  translate(width/2, height/2);

  rotate(sin( millis()/1000 ) *314); //circle angle

  translate(0, 0); //puts center

​

  //line(0, 0, 0, 200); // line pos curve, distance middle, starting point, lenght

​

  rect(100, 100, 100, 100); //rec pos

  rect(75, 75, 75, 75); //rec pos

  rect(50, 50, 50, 50); //rec pos

  rect(25, 25, 25, 25); //rec pos

​

​

}