createCanvas(600, 400);

  frameRate(1);

}

​

//random background

function draw() {

  background(random(0, 255), random(0, 255), random(0, 255), 100);

​

  noStroke();

  fill(0);

​

  //sqaures with black to white gradient

  for (i = 0; i < 20; i++) {

    fill(i * 15, 255 - i);

    rect(i * 31, i * 20, i * 3);

  }

  //pink sqaures line

  for (let i = 0; i < 10; i++) {

    fill(235, 7, 240, 100);

    rect(i * 60, i * 30, i * 7);

  }

​

  //purple squares

  for (let i = 0; i < 10; i++) {

    fill(182, 172, 200, 100);

    rect(i * 45, i * 40, i * 5);

  }

  //small yellow sqaures

  for (let i = 0; i < 10; i++) {

    fill(182, 172, 0, 100);

    rect(i * 100, i * 40, i * 5);

  }

​

  //small brown sqaures

  for (let i = 0; i < 10; i++) {

    fill(128, 50, 3, 100);

    rect(i * 140, i * 40, i * 18);

  }

​

  // big hot pink sqaures

  for (let i = 0; i < 10; i++) {

    fill(208, 20, 89, 100);

    rect(i * 30, i * 45, i * 9);

  }

​

  //white sqaures overlapped on purple

  for (let i = 0; i < 10; i++) {

    fill(255, 100);

    rect(i * 30, i * 43, i * 4);

  }

​

  // dark purple squares

  for (let i = 0; i < 10; i++) {

    fill(100, 20, 89, 100);

    rect(i * 15, i * 43, i * 4);

  }

​

  // plain white squares - under yellow and brown

  for (let i = 0; i < 10; i++) {

    fill(255, 100);

    rect(i * 5, i * 60, i * 3);

  }

​

  // black squares

  for (let i = 0; i < 10; i++) {

    fill(0, 100);

    rect(i * 170, i * 40, i * 12);

  }

​

  // overlapping pink and purple squares

  for (let i = 0; i < 10; i++) {

    fill(208, 20, 89, 100);

    rect(i * 90, i * 45, i * 9);

  }

​

  // yellow squares overalapping with white

  for (let i = 0; i < 10; i++) {

    fill(255, 204, 100, 100);

    rect(i * 4, i * 40, i * 6);

  }

​

  //brown sqaures overlapping with yellow and white

  for (let i = 0; i < 10; i++) {

    fill(128, 50, 3, 100);

    rect(i * 7, i * 40, i * 5);

  }

​

  //green squares overlapping with yellow

  for (let i = 0; i < 10; i++) {

    fill(65, 235, 130, 100);

    rect(i * 140, i * 12, i * 21);

  }

​

  //yellow sqaures

  for (let i = 0; i < 10; i++) {

    fill(225, 204, 0, 100);

    rect(i * 140, i * 20, i * 12);

  }

​

  //big yellow squares above small white squares

  for (let i = 0; i < 10; i++) {

    fill(225, 204, 10, 100);

    rect(i * 45, i * 40, i * 12);

  }

​

  // small white sqaures on brown sqaures

  for (let i = 0; i < 10; i++) {

    fill(255, 100);

    rect(i * 140, i * 50, i * 4);

  }

​

  //tiny white sqaures on top of green and yellow squres

  for (let i = 0; i < 10; i++) {

    fill(255, 100);

    rect(i * 140, i * 5, i * 4);

  }

  //white sqaures overlapped with purple

  for (let i = 0; i < 10; i++) {

    fill(255, 100);

    rect(i * 16, i * 40, i * 5);

  }

  for (let i = 0; i < 10; i++) {

    fill(65, 100);

    rect(i * 140, i * 2, i * 23);

}

}