var   ored0x1 = 231;

    var ored0y1 = 335;

    var ored0x2 = 255;

    var ored0y2 = 335;

    var ored0x3 = 255;

    var ored0y3 = 359;

    var ored0x4 = 231;

    var ored0y4 = 359;

  var ored1x1 = 618;

    var ored1y1 = 231;

    var ored1x2 = 689;

    var ored1y2 = 231;

    var ored1x3 = 689;

    var ored1y3 = 303;

    var ored1x4 = 618;

    var ored1y4 = 303;

  var ored2x1 = 700;

    var ored2y1 = 231;

    var ored2x2 = 772;

    var ored2y2 = 231;

    var ored2x3 = 772;

    var ored2y3 = 303;

    var ored2x4 = 701;

    var ored2y4 = 303;

    var ored3x1 = 618;

  var ored3y1 = 314;

  var ored3x2 = 689;

  var ored3y2 = 314;

  var ored3x3 = 689;

  var ored3y3 = 386;

  var ored3x4 = 618;

  var ored3y4 = 386;

  var ored4x1 = 700;

  var ored4y1 = 314;

  var ored4x2 = 772;

  var ored4y2 = 314;

  var ored4x3 = 772;

  var ored4y3 = 386;

  var ored4x4 = 700;

  var ored4y4 = 386;

​

    var ored5x1 = 618;

    var ored5y1 = 397;

    var ored5x2 = 689;

    var ored5y2 = 397;

    var ored5x3 = 689;

    var ored5y3 = 468;

    var ored5x4 = 618;

    var ored5y4 = 468;

​

    var ored6x1 = 700;

    var ored6y1 = 397;

    var ored6x2 = 772;

    var ored6y2 = 397;

    var ored6x3 = 772;

    var ored6y3 = 468;

    var ored6x4 = 700;

    var ored6y4 = 468;

    var oyel0x1 = 1001;

    var oyel0y1 = 335;

    var oyel0x2 = 1025;

    var oyel0y2 = 335;

    var oyel0x3 = 1025;

    var oyel0y3 = 359;

    var oyel0x4 = 1001;

    var oyel0y4 = 359;

    var oyel1x1 = 452;

    var oyel1y1 = 231;

    var oyel1x2 = 523;

    var oyel1y2 = 231;

    var oyel1x3 = 523;

    var oyel1y3 = 303;

    var oyel1x4 = 452;

    var oyel1y4 = 303;

​

    var oyel2x1 = 535;

  var oyel2y1 = 231;

  var oyel2x2 = 606;

  var oyel2y2 = 231;

  var oyel2x3 = 606;

  var oyel2y3 = 303;

    var oyel2x4 = 535;

    var oyel2y4 = 303;

​

    var oyel3x1 = 452;

    var oyel3y1 = 314;

    var oyel3x2 = 523;

    var oyel3y2 = 314;

    var oyel3x3 = 523;

    var oyel3y3 = 386;

    var oyel3x4 = 452;

    var oyel3y4 = 386;

    var oyel4x1 = 535;

    var oyel4y1 = 314;

    var oyel4x2 = 606;

    var oyel4y2 = 314;

    var oyel4x3 = 606;

    var oyel4y3 = 386;

    var oyel4x4 = 535;

    var oyel4y4 = 386;

​

  var   oyel5x1 = 452;

    var oyel5y1 = 397;

    var oyel5x2 = 523;

    var oyel5y2 = 397;

    var oyel5x3 = 523;

    var oyel5y3 = 468;

    var oyel5x4 = 452;

    var oyel5y4 = 468;

​

    var oyel6x1 = 535;

    var oyel6y1 = 397;

    var oyel6x2 = 606;

    var oyel6y2 = 397;

    var oyel6x3 = 606;

    var oyel6y3 = 468;

    var oyel6x4 = 535;

    var oyel6y4 = 468;  

​

    var oblu1x1 = 488;

    var oblu1y1 = 402;

    var oblu1x2 = 612;

    var oblu1y2 = 278;

    var oblu1x3 = 612;

    var oblu1y3 = 283;

    var oblu1x4 = 488;

    var oblu1y4 = 407;  

​

    var oblu3x1 = 488;

    var oblu3y1 = 486;

    var oblu3x2 = 612;

    var oblu3y2 = 362;

    var oblu3x3 = 612;

    var oblu3y3 = 367;

    var oblu3x4 = 488;

    var oblu3y4 = 491;  

    var oblu5x1 = 488;

    var oblu5y1 = 486;

    var oblu5x2 = 612;

    var oblu5y2 = 362;

    var oblu5x3 = 612;

    var oblu5y3 = 367;

    var oblu5x4 = 488;

    var oblu5y4 = 491;

​

//COLOR VARIABLES

  var yel1;

  var yel2;

  var yel3;

  var yel4;

  var red1;

  var red2;

  var red3;

  var red4;

  var blu1;

  var blu2;

  var blu3;

  var blu4;

  var back;

  var empt1;

  var empt2;

  var empt3;

  var empt4;

​

var yel0x1;

var yel0x2;

var yel0y1;

var yel0y3;

​

var red0x1;

var red0x2;

var red0y1;

var red0y3;

​

​

​

​

​

​

function setup() 

{ 

  createCanvas(1280, 720);

  yel1 = color(255,241,210);

  yel2 = color(250,234,190);

  yel3 = color(255,231,177);

  yel4 = color(250,226,160);

​

  red1 = color(237,125,119);

  red2 = color(217,114,106);

  red3 = color(193,101,97);

  red4 = color(173,89,89);

  blu1 = color(73,91,117);

  blu2 = color(65,81,105);

  blu3 = color(55,69,89);

  blu4 = color(46,58,73);

  back = color(255,238,228);

  empt1 = color(0,0,0);

  empt2 = color(0,0,0);

  empt3 = color(0,0,0);

  empt4 = color(0,0,0);

} 

​

function draw() { 

  background(back);

  noStroke();

      if ((mouseIsPressed) && ((mouseX>=ored1x1 && mouseX<=ored1x2  && mouseY>=ored1y1 && mouseY<=ored1y3) || (mouseX>=oyel2x1 && mouseX<=oyel2x2  && mouseY>=oyel2y1 && mouseY<=oyel2y3)))

      {

        yel1 = color(255,212,123);

      yel2 = color(255,204,85);

      yel3 = color(255,195,34);

      yel4 = color(240,189,23);

​

      red1 = color(250,88,43);

      red2 = color(228,86,37);

      red3 = color(202,71,35);

      red4 = color(186,62,34);

      blu1 = color(72,115,181);

      blu2 = color(65,102,168);

      blu3 = color(58,92,145);

      blu4 = color(50,80,124);

      back = color(237,235,234);

      }

      if ((mouseIsPressed) && ((mouseX>=ored2x1 && mouseX<=ored2x2  && mouseY>=ored2y1 && mouseY<=ored2y3) || (mouseX>=oyel1x1 && mouseX<=oyel1x2  && mouseY>=oyel1y1 && mouseY<=oyel1y3)))

      {

        yel1 = color(197,216,214);

      yel2 = color(186,206,205);

      yel3 = color(174,196,196);

      yel4 = color(152,189,192);

​

      red1 = color(229,160,136);

      red2 = color(231,152,118);

      red3 = color(229,141,110);

      red4 = color(214,131,105);

      blu1 = color(62,76,84);

      blu2 = color(52,63,71);

      blu3 = color(44,53,61);

      blu4 = color(38,45,53);

      back = color(217,238,241);

      }

​

    if ((mouseIsPressed) && ((mouseX>=ored5x1 && mouseX<=ored5x2  && mouseY>=ored5y1 && mouseY<=ored5y3) || (mouseX>=oyel6x1 && mouseX<=oyel6x2  && mouseY>=oyel6y1 && mouseY<=oyel6y3)))

    {

        yel1 = color(250,240,243);

      yel2 = color(247,230,235);

      yel3 = color(240,221,226);

      yel4 = color(235,214,218);

​

      red1 = color(237,126,120);

      red2 = color(240,110,97);

      red3 = color(237,97,89);

      red4 = color(214,85,81);

      blu1 = color(153,164,202);

      blu2 = color(142,156,194);

      blu3 = color(128,142,176);

      blu4 = color(109,128,163);

      back = color(226,232,226);

      }

      if ((mouseIsPressed) && ((mouseX>=ored6x1 && mouseX<=ored6x2  && mouseY>=ored6y1 && mouseY<=ored6y3) || (mouseX>=oyel5x1 && mouseX<=oyel5x2  && mouseY>=oyel5y1 && mouseY<=oyel5y3)))

      {

        yel1 = color(168,224,221);

      yel2 = color(147,214,212);

      yel3 = color(137,202,202);

      yel4 = color(117,193,197);

​

      red1 = color(247,232,125);

      red2 = color(250,229,0);

      red3 = color(240,211,0);

      red4 = color(226,193,0);

      blu1 = color(242,169,180);

      blu2 = color(245,151,162);

      blu3 = color(237,130,146);

      blu4 = color(230,112,133);

      back = color(234,239,234);

      }

      if ((mouseIsPressed) && ((mouseX>=ored4x1 && mouseX<=ored4x2  && mouseY>=ored4y1 && mouseY<=ored4y3) || (mouseX>=oyel3x1 && mouseX<=oyel3x2  && mouseY>=oyel3y1 && mouseY<=oyel3y3)))

      {

        red1 = color(235,125,119);

      red2 = color(215,114,106);

      red3 = color(191,101,97);

      red4 = color(178,91,91);

​

      yel1 = color(255,241,210);

      yel2 = color(250,234,190);

      yel3 = color(255,231,177);

      yel4 = color(250,226,160);

      blu1 = color(73,91,117);

      blu2 = color(65,81,105);

      blu3 = color(55,69,89);

      blu4 = color(46,58,73);

      back = color(255,236,226);

      }

​

    if ((mouseIsPressed) && ((mouseX>=ored3x1 && mouseX<=ored3x2  && mouseY>=ored3y1 && mouseY<=ored3y3) || (mouseX>=oyel4x1 && mouseX<=oyel4x2  && mouseY>=oyel4y1 && mouseY<=oyel4y3)))

    {

        red1 = color(255,185,151);

      red2 = color(255,176,133);

      red3 = color(242,166,128);

      red4 = color(229,154,122);

​

      yel1 = color(245,189,181);

      yel2 = color(247,181,170);

      yel3 = color(240,170,154);

      yel4 = color(228,162,143);

      blu1 = color(181,79,101);

      blu2 = color(175,70,88);

      blu3 = color(168,58,82);

      blu4 = color(153,55,81);

      back = color(234,219,200);

      }

    if(mouseX <= 452 && mouseX >= 0)

    {

//redSquare2 

//DONEEE

    var red2x1 = map(mouseX, 452, 0, ored2x1, 854);

    var red2y1 = map(mouseX, 452, 0, ored2y1, 115);

    var red2x2 = map(mouseX, 452, 0, ored2x2, 912);

    var red2y2 = map(mouseX, 452, 0, ored2y2, 170);

    var red2x3 = map(mouseX, 452, 0, ored2x3, 912);

    var red2y3 = map(mouseX, 452, 0, ored2y3, 340);

    var red2x4 = map(mouseX, 452, 0, ored2x4, 854);

    var red2y4 = map(mouseX, 452, 0, ored2y4, 343);

    var red2x11 = map(mouseX, 452, 0, 700, 836);

    var red2y11 = map(mouseX, 452, 0, 231, 118);

    var red2x22 = map(mouseX, 452, 0, 772, 854);

    var red2y22 = map(mouseX, 452, 0, 231, 115);

    var red2x33 = map(mouseX, 452, 0, 772, 854);

    var red2y33 = map(mouseX, 452, 0, 303, 343);

    var red2x44 = map(mouseX, 452, 0, 701, 836);

    var red2y44 = map(mouseX, 452, 0, 303, 341);

    //red3

  fill(red3);

  quad(red2x11,red2y11,red2x1,red2y1,red2x4,red2y4,red2x44,red2y44);

    //red2

  fill(red2);

  quad(red2x1,red2y1,red2x2,red2y2,red2x3,red2y3,red2x4,red2y4);

//DONEEE    

//redSquare5

    var red5x1 = map(mouseX, 452, 0, ored5x1, 606);

    var red5y1 = map(mouseX, 452, 0, ored5y1, 445);

    var red5x2 = map(mouseX, 452, 0, ored5x2, 725);

    var red5y2 = map(mouseX, 452, 0, ored5y2, 417);

    var red5x3 = map(mouseX, 452, 0, ored5x3, 725);

    var red5y3 = map(mouseX, 452, 0, ored5y3, 584);

    var red5x4 = map(mouseX, 452, 0, ored5x4, 606);

    var red5y4 = map(mouseX, 452, 0, ored5y4, 668);

    var red5x11 = map(mouseX, 452, 0, 618, 599);

    var red5y11 = map(mouseX, 452, 0, 397, 444);

    var red5x21 = map(mouseX, 452, 0, 689, 719);

    var red5y21 = map(mouseX, 452, 0, 397, 415);

    var red5x31 = map(mouseX, 452, 0, 689, 725);

    var red5y31 = map(mouseX, 452, 0, 468, 417);

    var red5x41 = map(mouseX, 452, 0, 618, 606);

    var red5y41 = map(mouseX, 452, 0, 468, 445);

    var red5x13 = map(mouseX, 452, 0, 618, 599);

    var red5y13 = map(mouseX, 452, 0, 397, 444);

    var red5x23 = map(mouseX, 452, 0, 689, 606);

    var red5y23 = map(mouseX, 452, 0, 397, 445);

    var red5x33 = map(mouseX, 452, 0, 689, 606);

    var red5y33 = map(mouseX, 452, 0, 468, 668);

    var red5x43 = map(mouseX, 452, 0, 618, 599);

    var red5y43 = map(mouseX, 452, 0, 468, 664);

  //red2

  fill(red2);

  quad(red5x1,red5y1,red5x2,red5y2,red5x3,red5y3,red5x4,red5y4);

  //red1

  fill(red1);

  quad(red5x11,red5y11,red5x21,red5y21,red5x2,red5y2,red5x1,red5y1);

  //red3

  fill(red3);

  quad(red5x11,red5y11,red5x1,red5y1,red5x4,red5y4,red5x43,red5y43);

//DONEEE

//redSquare6

    var red6x1 = map(mouseX, 452, 0, ored6x1, 680);

    var red6y1 = map(mouseX, 452, 0, ored6y1, 566);

    var red6x2 = map(mouseX, 452, 0, ored6x2, 880);

    var red6y2 = map(mouseX, 452, 0, ored6y2, 455);

    var red6x3 = map(mouseX, 452, 0, ored6x3, 880);

    var red6y3 = map(mouseX, 452, 0, ored6y3, 788);

    var red6x4 = map(mouseX, 452, 0, ored6x4, 680);

    var red6y4 = map(mouseX, 452, 0, ored6y4, 1228);

    var red6x10 = map(mouseX, 452, 0, 700, 630);

    var red6y10 = map(mouseX, 452, 0, 397, 557);

    var red6x20 = map(mouseX, 452, 0, 772, 847);

    var red6y20 = map(mouseX, 452, 0, 397, 454);

    var red6x30 = map(mouseX, 452, 0, 772, 880);

    var red6y30 = map(mouseX, 452, 0, 468, 455);

    var red6x40 = map(mouseX, 452, 0, 700, 680);

    var red6y40 = map(mouseX, 452, 0, 468, 566);

    var red6x13 = map(mouseX, 452, 0, 700, 630);

    var red6y13 = map(mouseX, 452, 0, 397, 557);

    var red6x23 = map(mouseX, 452, 0, 772, 680);

    var red6y23 = map(mouseX, 452, 0, 397, 566);

    var red6x33 = map(mouseX, 452, 0, 772, 680);

    var red6y33 = map(mouseX, 452, 0, 468, 1228);

    var red6x43 = map(mouseX, 452, 0, 700, 630);

    var red6y43 = map(mouseX, 452, 0, 468, 1221);

  //red1

  fill(red1);  

  quad(red6x10,red6y10,red6x20,red6y20,red6x2,red6y2,red6x1,red6y1);

   //red2

  fill(red2);

    quad(red6x1,red6y1,red6x2,red6y2,red6x3,red6y3,red6x4,red6y4);

  //red3

  fill(red3);

  quad(red6x10,red6y10,red6x1,red6y1,red6x4,red6y4,red6x43,red6y43);

​

//DONEEE

//redSquare1

    var red1x1 = map(mouseX, 452, 0, ored1x1, 687);

    var red1y1 = map(mouseX, 452, 0, ored1y1, -148);

    var red1x2 = map(mouseX, 452, 0, ored1x2, 772);

    var red1y2 = map(mouseX, 452, 0, ored1y2, -42);

    var red1x3 = map(mouseX, 452, 0, ored1x3, 772);

    var red1y3 = map(mouseX, 452, 0, ored1y3, 95);

    var red1x4 = map(mouseX, 452, 0, ored1x4, 687);

    var red1y4 = map(mouseX, 452, 0, ored1y4, 21);

  var red1x13 = map(mouseX, 452, 0, 618, 665);

    var red1y13 = map(mouseX, 452, 0, 231, -147);

    var red1x23 = map(mouseX, 452, 0, 689, 687);

    var red1y23 = map(mouseX, 452, 0, 231, -148);

    var red1x33 = map(mouseX, 452, 0, 689, 687);

    var red1y33 = map(mouseX, 452, 0, 303, 21);

    var red1x43 = map(mouseX, 452, 0, 618, 665);

    var red1y43 = map(mouseX, 452, 0, 303, 21);

  var red1x14 = map(mouseX, 452, 0, 618, 665);

    var red1y14 = map(mouseX, 452, 0, 231, 21);

    var red1x24 = map(mouseX, 452, 0, 689, 687);

    var red1y24 = map(mouseX, 452, 0, 231, 21);

    var red1x34 = map(mouseX, 452, 0, 689, 772);

    var red1y34 = map(mouseX, 452, 0, 303, 95);

    var red1x44 = map(mouseX, 452, 0, 689, 756);

    var red1y44 = map(mouseX, 452, 0, 303, 94);

    //red2

  fill(red2);

    quad(red1x1,red1y1,red1x2,red1y2,red1x3,red1y3,red1x4,red1y4);

    //red3

  fill(red3);

    quad(red1x13,red1y13,red1x1,red1y1,red1x4,red1y4,red1x43,red1y43);

    //red4

    fill(red4);

    quad(red1x43,red1y43,red1x4,red1y4,red1x3,red1y3,red1x44,red1y44);

​

//DONEEE  

//yelSquare2

    var yel2x1 = map(mouseX, 452, 0, oyel2x1, 744);

    var yel2y1 = map(mouseX, 452, 0, oyel2y1, 37);

    var yel2x2 = map(mouseX, 452, 0, oyel2x2, 839);

    var yel2y2 = map(mouseX, 452, 0, oyel2y2, -12);

    var yel2x3 = map(mouseX, 452, 0, oyel2x3, 839);

    var yel2y3 = map(mouseX, 452, 0, oyel2y3, 100);

    var yel2x4 = map(mouseX, 452, 0, oyel2x4, 744);

    var yel2y4 = map(mouseX, 452, 0, oyel2y4, 133);

  var yel2x11 = map(mouseX, 452, 0, 535, 839);

    var yel2y11 = map(mouseX, 452, 0, 231, -12);

    var yel2x21 = map(mouseX, 452, 0, 606, 850);

    var yel2y21 = map(mouseX, 452, 0, 231, -10);

    var yel2x31 = map(mouseX, 452, 0, 606, 850);

    var yel2y31 = map(mouseX, 452, 0, 303, 102);

    var yel2x41 = map(mouseX, 452, 0, 535, 839);

    var yel2y41 = map(mouseX, 452, 0, 303, 100);

  var yel2x14 = map(mouseX, 452, 0, 535, 744);

    var yel2y14 = map(mouseX, 452, 0, 231, 132);

    var yel2x24 = map(mouseX, 452, 0, 606, 839);

    var yel2y24 = map(mouseX, 452, 0, 231, 100);

    var yel2x34 = map(mouseX, 452, 0, 606, 850);

    var yel2y34 = map(mouseX, 452, 0, 303, 102);

    var yel2x44 = map(mouseX, 452, 0, 535, 760);

    var yel2y44 = map(mouseX, 452, 0, 303, 132);

  //yel1

  fill(yel1);

    quad(yel2x2,yel2y2,yel2x21,yel2y21,yel2x31,yel2y31,yel2x4,yel2y4);

  //yel4

  fill(yel4);

    quad(yel2x4,yel2y4,yel2x3,yel2y3,yel2x34,yel2y34,yel2x44,yel2y44);

  //yel3

  fill(yel3);

    quad(yel2x1,yel2y1,yel2x2,yel2y2,yel2x3,yel2y3,yel2x4,yel2y4);

//DONEEE

//yelSquare6

    var yel6x1 = map(mouseX, 452, 0, oyel6x1, 500);

    var yel6y1 = map(mouseX, 452, 0, oyel6y1, 418);

    var yel6x2 = map(mouseX, 452, 0, oyel6x2, 571);

    var yel6y2 = map(mouseX, 452, 0, oyel6y2, 447);

    var yel6x3 = map(mouseX, 452, 0, oyel6x3, 571);

    var yel6y3 = map(mouseX, 452, 0, oyel6y3, 574);

    var yel6x4 = map(mouseX, 452, 0, oyel6x4, 500);

    var yel6y4 = map(mouseX, 452, 0, oyel6y4, 524);

  var yel6x11 = map(mouseX, 452, 0, 535, 571);

    var yel6y11 = map(mouseX, 452, 0, 397, 447);

    var yel6x21 = map(mouseX, 452, 0, 606, 588);

    var yel6y21 = map(mouseX, 452, 0, 397, 440);

    var yel6x31 = map(mouseX, 452, 0, 606, 588);

    var yel6y31 = map(mouseX, 452, 0, 468, 567);

    var yel6x41 = map(mouseX, 452, 0, 535, 571);

    var yel6y41 = map(mouseX, 452, 0, 468, 574);

​

    var yel6x12 = map(mouseX, 452, 0, 535, 500);

    var yel6y12 = map(mouseX, 452, 0, 397, 418);

    var yel6x22 = map(mouseX, 452, 0, 535, 514);

    var yel6y22 = map(mouseX, 452, 0, 397, 412);

    var yel6x32 = map(mouseX, 452, 0, 606, 588);

    var yel6y32 = map(mouseX, 452, 0, 468, 440);

    var yel6x42 = map(mouseX, 452, 0, 535, 571);

    var yel6y42 = map(mouseX, 452, 0, 468, 447);

  //yel1

  fill(yel1);

  quad(yel6x2,yel6y2,yel6x21,yel6y21,yel6x31,yel6y31,yel6x3,yel6y3);

    //yel2

  fill(yel2);

  quad(yel6x1,yel6y1,yel6x22,yel6y22,yel6x21,yel6y21,yel6x2,yel6y2);

  //yel3

  fill(yel3);

  quad(yel6x1,yel6y1,yel6x2,yel6y2,yel6x3,yel6y3,yel6x4,yel6y4);

//DONE

//yelSquare1

    var yel1x1 = map(mouseX, 452, 0, oyel1x1, 484);

    var yel1y1 = map(mouseX, 452, 0, oyel1y1, -41);

    var yel1x2 = map(mouseX, 452, 0, oyel1x2, 581);

    var yel1y2 = map(mouseX, 452, 0, oyel1y2, -144);

    var yel1x3 = map(mouseX, 452, 0, oyel1x3, 581);

    var yel1y3 = map(mouseX, 452, 0, oyel1y3, 42);

    var yel1x4 = map(mouseX, 452, 0, oyel1x4, 484);

    var yel1y4 = map(mouseX, 452, 0, oyel1y4, 105);

    var yel1x11 = map(mouseX, 452, 0, 452, 581);

    var yel1y11 = map(mouseX, 452, 0, 231, -144);

    var yel1x21 = map(mouseX, 452, 0, 523, 583);

    var yel1y21 = map(mouseX, 452, 0, 231, -143);

    var yel1x31 = map(mouseX, 452, 0, 523, 583);

    var yel1y31 = map(mouseX, 452, 0, 303, 43);

    var yel1x41 = map(mouseX, 452, 0, 452, 581);

    var yel1y41 = map(mouseX, 452, 0, 303, 42);

  var yel1x14 = map(mouseX, 452, 0, 452, 484);

    var yel1y14 = map(mouseX, 452, 0, 231, 105);

    var yel1x24 = map(mouseX, 452, 0, 523, 581);

    var yel1y24 = map(mouseX, 452, 0, 231, 42);

    var yel1x34 = map(mouseX, 452, 0, 523, 583);

    var yel1y34 = map(mouseX, 452, 0, 303, 42);

    var yel1x44 = map(mouseX, 452, 0, 452, 488);

    var yel1y44 = map(mouseX, 452, 0, 303, 105);

  //yel1

  fill(yel1);

  quad(yel1x1,yel1y1,yel1x21,yel1y21,yel1x31,yel1y31,yel1x3,yel1y3);

  //yel3

  fill(yel3);

  quad(yel1x1,yel1y1,yel1x2,yel1y2,yel1x3,yel1y3,yel1x4,yel1y4);

  //yel4

  fill(yel4);

  quad(yel1x3,yel1y3,yel1x31,yel1y31,yel1x34,yel1y34,yel1x4,yel1y4);

//DONEEE  

//yelSquare5

    var yel5x1 =  map(mouseX, 452, 0, oyel5x1, 377);

    var yel5y1 =  map(mouseX, 452, 0, oyel5y1, 440);

    var yel5x2 =  map(mouseX, 452, 0, oyel5x2, 484);

    var yel5y2 =  map(mouseX, 452, 0, oyel5y2, 479);

    var yel5x3 =  map(mouseX, 452, 0, oyel5x3, 484);

    var yel5y3 =  map(mouseX, 452, 0, oyel5y3, 773);

    var yel5x4 =  map(mouseX, 452, 0, oyel5x4, 377);

    var yel5y4 =  map(mouseX, 452, 0, oyel5y4, 645);

  var yel5x12 =  map(mouseX, 452, 0, 452, 377);

    var yel5y12 =  map(mouseX, 452, 0, 397, 440);

    var yel5x22 =  map(mouseX, 452, 0, 452, 405);

    var yel5y22 =  map(mouseX, 452, 0, 397, 436);

    var yel5x32 =  map(mouseX, 452, 0, 523, 516);

    var yel5y32 =  map(mouseX, 452, 0, 397, 472);

    var yel5x42 =  map(mouseX, 452, 0, 452, 484);

    var yel5y42 =  map(mouseX, 452, 0, 468, 479);

  var yel5x13 =  map(mouseX, 452, 0, 452, 484);

    var yel5y13 =  map(mouseX, 452, 0, 397, 479);

    var yel5x23 =  map(mouseX, 452, 0, 523, 516);

    var yel5y23 =  map(mouseX, 452, 0, 397, 472);

    var yel5x33 =  map(mouseX, 452, 0, 523, 516);

    var yel5y33 =  map(mouseX, 452, 0, 468, 766);

    var yel5x43 =  map(mouseX, 452, 0, 452, 484);

    var yel5y43 =  map(mouseX, 452, 0, 468, 773);

  //yel1

  fill(yel1);

    quad(yel5x2,yel5y2,yel5x32,yel5y32,yel5x33,yel5y33,yel5x3,yel5y3);

  //yel2

  fill(yel2);

  quad(yel5x1,yel5y1,yel5x22,yel5y22,yel5x32,yel5y32,yel5x2,yel5y2);

  //yel3

  fill(yel3);

  quad(yel5x1,yel5y1,yel5x2,yel5y2,yel5x3,yel5y3,yel5x4,yel5y4);

​

//DONEEE

//bluSquare1

    var blu1x13 = map(mouseX, 452, 0, oblu1x1, 358);

    var blu1y13 = map(mouseX, 452, 0, oblu1y1, 89);

    var blu1x23 = map(mouseX, 452, 0, oblu1x2, 431);

    var blu1y23 = map(mouseX, 452, 0, oblu1y2, 8);

    var blu1x33 = map(mouseX, 452, 0, oblu1x3, 431);

    var blu1y33 = map(mouseX, 452, 0, oblu1y3, 13);

    var blu1x43 = map(mouseX, 452, 0, oblu1x4, 358);

    var blu1y43 = map(mouseX, 452, 0, oblu1y4, 91);

    var blu1x11 = map(mouseX, 452, 0, 612, 431);

    var blu1y11 = map(mouseX, 452, 0, 278, 8);

    var blu1x21 = map(mouseX, 452, 0, 732, 591);

    var blu1y21 = map(mouseX, 452, 0, 157, 89);

    var blu1x31 = map(mouseX, 452, 0, 732, 591);

    var blu1y31 = map(mouseX, 452, 0, 162, 91);

    var blu1x41 = map(mouseX, 452, 0, 612, 431);

    var blu1y41 = map(mouseX, 452, 0, 283, 13);

  var blu1x14 = map(mouseX, 452, 0, 612, 368);

    var blu1y14 = map(mouseX, 452, 0, 278, 91);

    var blu1x24 = map(mouseX, 452, 0, 732, 431);

    var blu1y24 = map(mouseX, 452, 0, 157, 13);

    var blu1x34 = map(mouseX, 452, 0, 732, 591);

    var blu1y34 = map(mouseX, 452, 0, 162, 91);

    var blu1x44 = map(mouseX, 452, 0, 612, 501);

    var blu1y44 = map(mouseX, 452, 0, 283, 139);

  //blu4

  fill(blu4);

  quad(blu1x43,blu1y43,blu1x33,blu1y33,blu1x31,blu1y31,blu1x44,blu1y44);

  //blu3

  fill(blu3);

  quad(blu1x13,blu1y13,blu1x23,blu1y23,blu1x33,blu1y33,blu1x43,blu1y43);

  //blu1

  fill(blu1);

  quad(blu1x11,blu1y11,blu1x21,blu1y21,blu1x31,blu1y31,blu1x41,blu1y41);

//DONEEE

//bluSquare3

    var blu3x13 = map(mouseX, 452, 0, oblu3x1, 376);

    var blu3y13 = map(mouseX, 452, 0, oblu3y1, 395);

    var blu3x23 = map(mouseX, 452, 0, oblu3x2, 510);

    var blu3y23 = map(mouseX, 452, 0, oblu3y2, 429);

    var blu3x33 = map(mouseX, 452, 0, oblu3x3, 510);

    var blu3y33 = map(mouseX, 452, 0, oblu3y3, 438);

    var blu3x43 = map(mouseX, 452, 0, oblu3x4, 376);

    var blu3y43 = map(mouseX, 452, 0, oblu3y4, 401);

  var blu3x11 = map(mouseX, 452, 0, 612, 510);

    var blu3y11 = map(mouseX, 452, 0, 362, 429);

    var blu3x21 = map(mouseX, 452, 0, 732, 714);

    var blu3y21 = map(mouseX, 452, 0, 241, 395);

    var blu3x31 = map(mouseX, 452, 0, 732, 714);

    var blu3y31 = map(mouseX, 452, 0, 246, 401);

    var blu3x41 = map(mouseX, 452, 0, 612, 510);

    var blu3y41 = map(mouseX, 452, 0, 367, 438);

​

  var blu3x32 = map(mouseX, 452, 0, 612, 561);

  var blu3y32 = map(mouseX, 452, 0, 362, 378);

  //blu1

  fill(blu1);

  quad(blu3x11,blu3y11,blu3x21,blu3y21,blu3x31,blu3y31,blu3x41,blu3y41);

  //blu2

  fill(blu2);

  quad(blu3x13,blu3y13,blu3x32,blu3y32,blu3x21,blu3y21,blu3x23,blu3y23);

  //blu3

  fill(blu3);

  quad(blu3x13,blu3y13,blu3x23,blu3y23,blu3x33,blu3y33,blu3x43,blu3y43);

​

//DONEEE  

//bluSquare5