createCanvas(400, 400);

}

​

function draw() {

  background(0);

​

  // rectangle series #1

​

  for (let x = 0; x <= 30; x += 60) {

    for (let y = 0; y <= height; y += 25) {

      let r = sin(frameCount * 0.01 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.02) * 127 + 128;

      let b = sin(frameCount * 0.03 + PI / 2) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 30, 25);

    }

  }

​

  // rectangle series #2.1

​

  for (let x = 35; x <= 35; x += 60) {

    for (let y = 0; y <= height; y += 25) {

      let r = sin(frameCount * 0.07 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.04 + PI) * 127 + 128;

      let b = sin(frameCount * 0.01) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 200, 25);

    }

  }

​

  // rectangle series #2.2

​

  for (let x = 35; x <= 35; x += 60) {

    for (let y = 0; y <= height; y += 50) {

      let r = sin(frameCount * 0.09 + PI) * 127 + 128;

      let g = sin(frameCount * 0.012 + PI / 2) * 127 + 128;

      let b = sin(frameCount * 0.01 + PI) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 200, 25);

    }

  }

​

  // rectangle series #3

​

  for (let x = 240; x <= 240; x += 60) {

    for (let y = 0; y <= height; y += 30) {

      let r = sin(frameCount * 0.04 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.09) * 127 + 128;

      let b = sin(frameCount * 0.08) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 20, 30);

    }

  }

​

  // rectangle series #4

​

  for (let x = 265; x <= 265; x += 60) {

    for (let y = 0; y <= height; y += 40) {

      let r = sin(frameCount * 0.012 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.02 + PI) * 127 + 128;

      let b = sin(frameCount * 0.01 + PI) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 30, 40);

    }

  }

​

  // rectangle series #5.1

​

  for (let x = 300; x <= 300; x += 60) {

    for (let y = 0; y <= height; y += 35) {

      let r = sin(frameCount * 0.04 + PI) * 127 + 128;

      let g = sin(frameCount * 0.012) * 127 + 128;

      let b = sin(frameCount * 0.09) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 25, 25);

    }

  }

​

  // rectangle series #5.2

​

  for (let x = 330; x <= 330; x += 60) {

    for (let y = 0; y <= height; y += 35) {

      let r = sin(frameCount * 0.011) * 127 + 128;

      let g = sin(frameCount * 0.07 + PI / 4) * 127 + 128;

      let b = sin(frameCount * 0.2 + PI) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 25, 25);

    }

  }

​

  // rectangle series #5.3

​

  for (let x = 300; x <= 300; x += 60) {

    for (let y = 0; y <= height; y += 70) {

      let r = sin(frameCount * 0.09 + PI) * 127 + 128;

      let g = sin(frameCount * 0.03 + PI / 2) * 127 + 128;

      let b = sin(frameCount * 0.07 + PI / 2) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 55, 25);

    }

  }

​

  // rectangle series #6

​

  for (let x = 360; x <= 360; x += 60) {

    for (let y = 0; y <= height; y += 40) {

      let r = sin(frameCount * 0.012 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.02) * 127 + 128;

      let b = sin(frameCount * 0.01 + PI) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 10, 40);

    }

  }

​

  // rectangle series #7

​

  for (let x = 375; x <= 375; x += 60) {

    for (let y = 0; y <= height; y += 25) {

      let r = sin(frameCount * 0.012 + PI / 2) * 127 + 128;

      let g = sin(frameCount * 0.06) * 127 + 128;

      let b = sin(frameCount * 0.03 + PI / 2) * 127 + 128;

​

      fill(r, g, b);

      rect(x, y, 25, 20);

    }

  }

}

​