createCanvas(480, 400);

  let x1;

  let y1;

}

​

function draw() {

  background(255);

  noStroke();

  // loop for black triangles 1

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 1

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  rect(0,100,120,100);

   // loop for white triangles 1

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 100; y1 <= 200; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 1

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   // loop for black triangles 2

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 2

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   rect(0,300,120,100);

   // loop for white triangles 2

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 2

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  fill(0);

  rect(120,0,120,100);

    // loop for white triangles 3

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 3

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

   // loop for black triangles 3

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 3

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

   fill(0);

  rect(360,0,120,100);

    // loop for white triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   // loop for black triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  rect(360,200,120,100);

  // loop for white triangles 5

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 5

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  // loop for black triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  // loop for black triangles 5

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 5

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

  rect (240,300,120,100)

   // loop for white triangles 6

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 6

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   fill(255);

  rect(120,100,120,100);

   // loop for black triangles 6

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 6

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    fill (0)

    rect (240,100,120,100)

   // loop for white triangles 7

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 7

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   fill(0);

  rect(120,200,120,100);

   // loop for white triangles 8

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(255);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite white triangles 8

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   fill (255)

    rect (240,200,120,100)

   // loop for black triangles 7

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill(0);

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite black triangles 7

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

//print(mouseX+','+mouseY)

  if (mouseIsPressed){

    fill('#FF783D');

    rect(0,0,120,100);

    // loop for blue triangles 1

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 1

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  } 

     rect(0,100,120,100);

   // loop for orange triangles 1

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 1

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    rect(0,200,120,100)

    // loop for blue triangles 2

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 2

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    rect(0,300,120,100);

   // loop for orange triangles 2

  for (let x1=0;x1 <= 100; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 2

  for (let x1=20; x1<=100; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

     fill('#3DC4FF');

    rect(120,0,120,100);

    // loop for orange triangles 3

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 3

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    rect(240,0,120,100)

   // loop for blue triangles 3

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 3

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

   fill('#3DC4FF');

  rect(360,0,120,100);

    // loop for orange triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 0; y1 <= 90; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=10; y1<=100; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    fill('#FF783D');

    rect(360,100,120,100);

   // loop for blue triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    fill('#3DC4FF');

  rect(360,200,120,100);

  // loop for orange triangles 5

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 5

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    rect(360,300,120,100);

  // loop for blue triangles 4

  for (let x1=360;x1 <= 440; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 4

  for (let x1=380; x1<=460; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    fill('#FF783D');

    rect(120,300,120,100);

  // loop for blue triangles 5

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

     fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 5

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

    fill('#3DC4FF');

  rect (240,300,120,100)

   // loop for orange triangles 6

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 300; y1 <= 400; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 6

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=310; y1<=390; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

​

  rect(120,100,120,100);

   // loop for blue triangles 6

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#3DC4FF');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite blue triangles 6

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    fill ('#3DC4FF');

    rect (240,100,120,100);

   // loop for orange triangles 7

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 100; y1 <= 190; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 7

  for (let x1=260; x1<=360; x1 += 40){

    for (let y1=110; y1<=190; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

   fill('#3DC4FF');

  rect(120,200,120,100);

   // loop for orange triangles 8

  for (let x1=120;x1 <= 220; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;

      let y2 = y1 + 20;

      let x3 = x1 + 20;

      let y3 = y1 + 10;

      fill('#FF783D');

      triangle(x1, y1, x2, y2, x3, y3); 

    }

  }

   // loop for opposite orange triangles 8

  for (let x1=140; x1<=220; x1 += 40){

    for (let y1=210; y1<=300; y1+=20){

      let x2=x1+20;

      let y2= y1+10;

      let x3=x1+20;

      let y3= y1-10;

      triangle(x1,y1,x2,y2,x3,y3);

    }

  }

    rect (240,200,120,100);

   // loop for blue triangles 7

  for (let x1=240;x1 <= 350; x1 += 40) {

    for (let y1 = 200; y1 <= 290; y1 += 20) {

      let x2 = x1;