function setup() {

  createCanvas(400, 400);

  frameRate(30)

  rectMode(CENTER)

  angleMode(DEGREES)

  background(220);

}

​

function draw() {

​

  noStroke(); 

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

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

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

  translate(25,25)

  for (x = 0; x < 8; x++) {

    for (y = 0; y < 8; y++) {

      if ((x-y) % 2 == 0) {

        noFill();

        push()

        stroke (r,g,b)

        rotate(sin(frameCount + i) * 90);

        rect(0, 0, 50 - i, 50-i);

        pop()

      } else {

        fill(255);

        rect(x*50, y*50, 50, 50); 

    }

    }

  }

}

​

​

​

​

/*function setup() {

  createCanvas(400,400);

  angleMode(DEGREES);

  rectMode(CENTER);

  frameRate(30)

}

​

function draw() {

  background(200);

  translate(25, 25);

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

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

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

    var i = 0 ; i < 200; i++

  fill(r,g,b);

  for (x = 0; x < 8; x++) {

    for (y = 0; y < 8; y++) {

      if ((x-y) % 2 == 0) {

    push();

    stroke(r, g, b);

    rotate(sin(frameCount + i) * 90);

    rect(0, 0, 50 - i, 50 - i);} 

      else {

    push();

    //rotate(sin(frameCount + i) * 90);

    rect(0, 0, 50, 50) }

​

    pop();

}

}

}*/