createCanvas(1325, 200);

}

​

function mousePressed() {

  save("ART RECREATION AS.1.jpg");

}

//The First Square

function draw() {

  background(184, 184, 184);

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(20, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(45, 30, 45, 80);

  stroke("red");

  line(35, 170, 80, 170);

  //Second Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(205, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(295, 50, 260, 100);

  stroke("red");

  line(230, 140, 280, 160);

  //Third Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(390, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(495, 70, 455, 100);

  stroke("red");

  line(520, 140, 460, 130);

  //Fourth Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(575, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(725, 95, 672, 96);

  stroke("red");

  line(665, 68, 665, 130);

  //Fifth Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(760, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(800, 140, 850, 125);

  stroke("red");

  line(800, 68, 850, 90);

  //Sixth Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(945, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(1050, 150, 1000, 168);

  stroke("red");

  line(1035, 111, 1000, 68);

  //Seventh Square

  fill(242, 224, 157);

  stroke(140, 140, 140);

  strokeWeight(2);

  square(1130, 10, 180);

  stroke("blue");

  strokeWeight(6);

  line(1285, 170, 1235, 170);

  stroke("red");

  line(1285, 30, 1285, 80);

}

​