wk4_COD 207_Algorithmic Art Assignment

function setup() {

  createCanvas(192,300);

  background(251,197,150);

}

​

function draw() {

  strokeWeight(0);

  //the square block has a size 60

  //there are 4 blocks in each row and 5 blocks in each column

  //to move each shape 1 block to the right, add 60 to the x values

  //to move each shape 1 block to the left, minus 60 from the x values

  //to move a shape 1 block down, add 60 to the y values

  //to move each shape 1 block up, minus 60 from the y values

  let a = 60;

  let b = 120;

  let c = 180;

  let d = 240;

  let e = 300;

  // DIAGONAL LINES Variables

  //tophalf

  let x1 = 10;

  let y1 = 0;

  let x2 = 15;

  let y2 = y1;

  let x3 = 0;

  let y3 = 15;

  let x4 = x3;

  let y4 = 10;

  //bottomhalf

  let xx1 = 60;

  let yy1 = 1;

  let xx2  = xx1;

  let yy2 = 6;

  let xx3 = yy2;

  let yy3 = 60;

  let xx4 = yy1;

  let yy4 = yy3;

  //TRIANGLE Variables

  let x1t = 6;

  let y1t = 0;

  let x2t = 12;

  let y2t = 60;

  let x3t = 0;

  let y3t = y2t;

  //UPSIDE DOWN TRIANGLE Variables

  let xx1t = 0;

  let yy1t = 0;

  let xx2t = 12;

  let yy2t = yy1t;

  let xx3t = 6;

  let yy3t = 60;

  //STRAIGHT LINE Variables

  let x1s = 2;

  let y1s = 0;

  let x2s = 5;

  let y2s = y1s;

  let x3s = x2s;

  let y3s = 60;

  let x4s = x1s;

  let y4s = y3s;

  //*INCREAMENT VALUES

  let z = 8; // lines increament value

  let w = 12; //triangle increament value

  let g = 12; //upside down triangle increament value

  let n = 10; //diagonal lines increament value

  //**************************************************************************************************************

  //**************************************************************************************************************

  //ALL SHAPES AT (0,0)

  //STRAIGHT LINES at (0,0)

  //fill(255,0,0);

  //function with values

  //quad(2,0, 5,0, 8,60, 5,60);

  //quad(8,0, 11,0, 15,60, 12,60);

  //quad(19,0, 22,0, 22,60, 19,60);

  //quad(26,0, 29,0, 29,60, 26,60);

  //quad(33,0, 36,0, 36,60, 33,60);

  //quad(40,0, 43,0, 43,60, 40,60);

  //quad(47,0, 50,0, 50,60, 47,60);

  //quad(54,0, 57,0, 57,60, 54,60);

  //function with variables

  //quad(x1s,y1s, x2s,y2s, x3s,y3s, x4s,y4s);

  //quad(x1s+8,y1s, x2s+8,y2s, x3s+8,y3s, x4s+8,y4s);

  //quad(x1s+16,y1s, x2s+16,y2s, x3s+16,y3s, x4s+16,y4s);

  //quad(x1s+24,y1s, x2s+24,y2s, x3s+24,y3s, x4s+24,y4s);

  //quad(x1s+32,y1s, x2s+32,y2s, x3s+32,y3s, x4s+32,y4s);

  //quad(x1s+40,y1s, x2s+40,y2s, x3s+40,y3s, x4s+40,y4s);

  //quad(x1s+48,y1s, x2s+48,y2s, x3s+48,y3s, x4s+48,y4s);

  //quad(x1s+56,y1s, x2s+56,y2s, x3s+56,y3s, x4s+56,y4s);

  //function with increament variables

  //quad(x1s,y1s, x2s,y2s, x3s,y3s, x4s,y4s);

  //quad(x1s+z,y1s, x2s+z,y2s, x3s+z,y3s, x4s+z,y4s);

  //quad(x1s+z*2,y1s, x2s+z*2,y2s, x3s+z*2,y3s, x4s+z*2,y4s);

  //quad(x1s+z*3,y1s, x2s+z*3,y2s, x3s+z*3,y3s, x4s+z*3,y4s);

  //quad(x1s+z*4,y1s, x2s+z*4,y2s, x3s+z*4,y3s, x4s+z*4,y4s);

  //quad(x1s+z*5,y1s, x2s+z*5,y2s, x3s+z*5,y3s, x4s+z*5,y4s);

  //quad(x1s+z*6,y1s, x2s+z*6,y2s, x3s+z*6,y3s, x4s+z*6,y4s);

  //quad(x1s+z*7,y1s, x2s+z*7,y2s, x3s+z*7,y3s, x4s+z*7,y4s);

​

  //UPSIDE DOWN TRIANGLES at(0,0)

  //function with values

  //fill(7,10,35);

  //triangle(0,0, 12,0, 6,60);

  //fill(255,0,0);

  //triangle(12,0, 24,0, 18,60);

  //fill(7,10,35);

  //triangle(24,0, 36,0, 30,60);

  //fill(255,0,0);

  //triangle(36,0, 48,0, 42,60);10,

  //fill(7,10,35);

  //triangle(48,0, 60,0, 54,60);

  //function with variables

  //triangle(xx1t,yy1t, xx2t, yy2t, xx3t, yy3t);

  //fill(255,0,0);

  //triangle(xx1t+12,yy1t, xx2t+12,yy2t, xx3t+12, yy3t);

  //fill(7,10,35);

  //triangle(xx1t+24,yy1t, xx2t+24,yy2t, xx3t+24, yy3t);

  //fill(255,0,0);

  //triangle(xx1t+36,yy1t, xx2t+36,yy2t, xx3t+36, yy3t);

  //fill(7,10,35);

  //triangle(xx1t+48,yy1t, xx2t+48,yy2t, xx3t+48,yy3t);

  //function with increament variables

  //fill(7,10,35);

  //triangle(xx1t,yy1t, xx2t, yy2t, xx3t, yy3t);

  //fill(255,0,0);

  //triangle(xx1t+g,yy1t, xx2t+g,yy2t, xx3t+g, yy3t);

  //fill(7,10,35);

  //triangle(xx1t+g*2,yy1t, xx2t+g*2,yy2t, xx3t+g*2, yy3t);

  //fill(255,0,0);

  //triangle(xx1t+g*3,yy1t, xx2t+g*3,yy2t, xx3t+g*3, yy3t);

  //fill(7,10,35);

  //triangle(xx1t+g*4,yy1t, xx2t+g*4,yy2t, xx3t+g*4,yy3t);

  //TRIANGLES at(0,0)

  //function with values

  //fill(7,10,35);

  //triangle(6,0, 12,60, 0,60);

  //fill(255,0,0);

  //triangle(18,0, 24,60, 12,60);

  //fill(7,10,35);

  //triangle(30,0, 36,60, 24,60);

  //fill(255,0,0);

  //triangle(42,0, 48,60, 36,60);

  //fill(7,10,35);

  //triangle(54,0, 60,60, 48,60);

  //function with variables

  //fill(7,10,35);

  //triangle(x1t,y1t, x2t,y2t, x3t,y3t);

  //fill(255,0,0);

  //triangle(x1t+12,y1t, x2t+12,y2t, x3t+12,y3t);

  //fill(7,10,35);

  //triangle(x1t+24,y1t, x2t+24,y2t, x3t+24,y3t);

  //fill(255,0,0);

  //triangle(x1t+36,y1t, x2t+36,y2t, x3t+36,y3t);

  //fill(7,10,35);

  //triangle(x1t+48,y1t, x2t+48,y2t, x3t+48,y3t);

  //function with increament variables

  //fill(7,10,35);

  //triangle(x1t,y1t, x2t,y2t, x3t,y3t);

  //fill(255,0,0);

  //triangle(x1t+w,y1t, x2t+w,y2t, x3t+w,y3t);

  //fill(7,10,35);

  //triangle(x1t+w*2,y1t, x2t+w*2,y2t, x3t+w*2,y3t);

  //fill(255,0,0);

  //triangle(x1t+w*3,y1t, x2t+w*3,y2t, x3t+w*3,y3t);

  //fill(7,10,35);

  //triangle(x1t+w*4,y1t, x2t+w*4,y2t, x3t+w*4,y3t);

  //DIAGONAL LINES at (0,0)

  //function with values

  //quad(10,0, 15,0, 0,15, 0,10);

  //quad(20,0, 25,0, 0,25, 0,20);

  //quad(30,0, 35,0, 0,35, 0,30);

  //quad(40,0, 45,0, 0,45, 0,40);

  //quad(50,0, 55,0, 0,55, 0,50);

  //quad(60,1, 60,6, 6,60, 1,60);

  //quad(60,11, 60,16, 16,60, 11,60);

  //quad(60,21, 60,26, 26,60, 21,60);

  //quad(60,31, 60,36, 36,60, 31,60);

  //quad(60,41, 60,46, 46,60, 41,60);

  //fill(119, 221, 119);

  //x1 and x2 are vary

  //y3 and y4 vary

  //y1 and y2 are stagnant 

  //x3 and x4 are stagnant

  //xx1 and xx2 are stagnant

  //yy3 and yy4 are stagnant

  //xx3 and xx4 vary

  //yy1 and yy2 vary

​

  //function with variables

  //top half

  //quad(x1,y1, x2,y2, x3,y3, x4,y4);

  //quad(x1+10,y1, x2+10,y2, x3,y3+10, x4,y4+10);

  //quad(x1+20,y1, x2+20,y2, x3,y3+20, x4,y4+20);

  //quad(x1+30,y1, x2+30,y2, x3,y3+30, x4,y4+30);

  //quad(x1+40,y1, x2+40,y2, x3,y3+40, x4,y4+40);

  //bottom half

  //quad(xx1,yy1, xx2,yy2, xx3,yy3, xx4,yy4);

  //quad(xx1,yy1+10, xx2,yy2+10, xx3+10,yy3, xx4+10,yy4);

  //quad(xx1,yy1+20, xx2,yy2+20, xx3+20,yy3, xx4+20,yy4);

  //quad(xx1,yy1+30, xx2,yy2+30, xx3+30,yy3, xx4+30,yy4);

  //quad(xx1,yy1+40, xx2,yy2+40, xx3+40,yy3, xx4+40,yy4);

  //function with increament variables

  //top half

  //quad(x1,y1, x2,y2, x3,y3, x4,y4);

  //quad(x1+n,y1, x2+n,y2, x3,y3+n, x4,y4+n);

  //quad(x1+n*2,y1, x2+n*2,y2, x3,y3+n*2, x4,y4+n*2);

  //quad(x1+n*3,y1, x2+n*3,y2, x3,y3+n*3, x4,y4+n*3);

  //quad(x1+n*4,y1, x2+n*4,y2, x3,y3+n*4, x4,y4+n*4);

  //bottom half

  //quad(xx1,yy1, xx2,yy2, xx3,yy3, xx4,yy4);

  //quad(xx1,yy1+n, xx2,yy2+n, xx3+n,yy3, xx4+n,yy4);

  //quad(xx1,yy1+n*2, xx2,yy2+n*2, xx3+n*2,yy3, xx4+n*2,yy4);

  //quad(xx1,yy1+n*3, xx2,yy2+n*3, xx3+n*3,yy3, xx4+n*3,yy4);

  //quad(xx1,yy1+n*4, xx2,yy2+n*4, xx3+n*4,yy3, xx4+n*4,yy4);

  //**************************************************************************************************************

  //ROW 1

  //**************************************************************************************************************

  //Row 1 Column 1 Triangles(0,0)

  fill(7,10,35);

  triangle(x1t,y1t, x2t,y2t, x3t,y3t);

  fill(255,0,0);

  triangle(x1t+w,y1t, x2t+w,y2t, x3t+w,y3t);

  fill(7,10,35);

  triangle(x1t+w*2,y1t, x2t+w*2,y2t, x3t+w*2,y3t);

  fill(255,0,0);

  triangle(x1t+w*3,y1t, x2t+w*3,y2t, x3t+w*3,y3t);

  fill(7,10,35);

  triangle(x1t+w*4,y1t, x2t+w*4,y2t, x3t+w*4,y3t);

  //Row1 Column 2 Triangles 

  //add a = 60 to x values move it 1 block to the right and w = 12 as the increament value

  fill(255,0,0);

  triangle(x1t+a,y1t, x2t+a,y2t, x3t+a,y3t);

  fill(7,10,35);

  triangle(x1t+w+a,y1t, x2t+w+a,y2t, x3t+w+a,y3t);

  fill(255,0,0);

  triangle(x1t+w*2+a,y1t, x2t+w*2+a,y2t, x3t+w*2+a,y3t);

  fill(7,10,35);

  triangle(x1t+w*3+a,y1t, x2t+w*3+a,y2t, x3t+w*3+a,y3t);

  fill(255,0,0);

  triangle(x1t+w*4+a,y1t, x2t+w*4+a,y2t, x3t+w*4+a,y3t);

  //Row 1 Column 3 LINES

  //add b = 120 to the x values to move 2 blocks to the right

  //z = 8 as the increament value;

  fill(255,0,0);

  quad(x1s+b,y1s, x2s+b,y2s, x3s+b,y3s, x4s+b,y4s);

  quad(x1s+z+b,y1s, x2s+z+b,y2s, x3s+z+b,y3s, x4s+z+b,y4s);

  quad(x1s+z*2+b,y1s, x2s+z*2+b,y2s, x3s+z*2+b,y3s, x4s+z*2+b,y4s);

  quad(x1s+z*3+b,y1s, x2s+z*3+b,y2s, x3s+z*3+b,y3s, x4s+z*3+b,y4s);

  quad(x1s+z*4+b,y1s, x2s+z*4+b,y2s, x3s+z*4+b,y3s, x4s+z*4+b,y4s);

  quad(x1s+z*5+b,y1s, x2s+z*5+b,y2s, x3s+z*5+b,y3s, x4s+z*5+b,y4s);

  quad(x1s+z*6+b,y1s, x2s+z*6+b,y2s, x3s+z*6+b,y3s, x4s+z*6+b,y4s);

  quad(x1s+z*7+b,y1s, x2s+z*7+b,y2s, x3s+z*7+b,y3s, x4s+z*7+b,y4s);

  //Row 1 Column 4 TRIANGLE

  //add  add c = 180 to x values to move it 3 blocks right

  fill(255,0,0);

  triangle(x1t+c,y1t, x2t+c,y2t, x3t+c,y3t);

  //**************************************************************************************************************

  //ROW 2

  //**************************************************************************************************************

  //Row 2 Column 1 UPSIDE DOWN TRIANGLES

  //add a = 60 to y values to move 1 block down

  //g = 12 as the increamnent value

​

  fill(7,10,35);

  triangle(xx1t,yy1t+a, xx2t, yy2t+a, xx3t, yy3t+a);

  fill(255,0,0);

  triangle(xx1t+g,yy1t+a, xx2t+g,yy2t+a, xx3t+g, yy3t+a);

  fill(7,10,35);

  triangle(xx1t+g*2,yy1t+a, xx2t+g*2,yy2t+a, xx3t+g*2, yy3t+a);

  fill(255,0,0);

  triangle(xx1t+g*3,yy1t+a, xx2t+g*3,yy2t+a, xx3t+g*3, yy3t+a);

  fill(7,10,35);

  triangle(xx1t+g*4,yy1t+a, xx2t+g*4,yy2t+a, xx3t+g*4,yy3t+a);

  //Row2 Column 2 DIAGONAL LINES

  // add a = 60 to all x values to shift the shape 1 block to the right

  // add a = 60 to all y values to shift the shape 1 block down

  //n  = 10 as the increament value

  fill(255, 0,0);

  quad(x1+a,y1+a, x2+a,y2+a, x3+a,y3+a, x4+a,y4+a);

  quad(x1+n+a,y1+a, x2+n+a,y2+a, x3+a,y3+n+a, x4+a,y4+n+a);

  quad(x1+n*2+a,y1+a, x2+n*2+a,y2+a, x3+a,y3+n*2+a, x4+a,y4+n*2+a);

  quad(x1+n*3+a,y1+a, x2+n*3+a,y2+a, x3+a,y3+n*3+a, x4+a,y4+n*3+a);

  quad(x1+n*4+a,y1+a, x2+n*4+a,y2+a, x3+a,y3+n*4+a, x4+a,y4+n*4+a);

  quad(xx1+a,yy1+a, xx2+a,yy2+a, xx3+a,yy3+a, xx4+a,yy4+a);

  quad(xx1+a,yy1+n+a, xx2+a,yy2+n+a, xx3+n+a,yy3+a, xx4+n+a,yy4+a);

  quad(xx1+a,yy1+n*2+a, xx2+a,yy2+n*2+a, xx3+n*2+a,yy3+a, xx4+n*2+a,yy4+a);

  quad(xx1+a,yy1+n*3+a, xx2+a,yy2+n*3+a, xx3+n*3+a,yy3+a, xx4+n*3+a,yy4+a);

  quad(xx1+a,yy1+n*4+a, xx2+a,yy2+n*4+a, xx3+n*4+a,yy3+a, xx4+n*4+a,yy4+a);

  //Row Column 3 UPSIDE DOWN TRIANGLES

  //add a = 60 to y values to move 1 block down

  //add b = 120 to x values to move 2 blocks right

  //g = 12 as the increament value

  fill(7,10,35);

  triangle(xx1t+b,yy1t+a, xx2t+b, yy2t+a, xx3t+b,yy3t+a);

  fill(255,0,0);

  triangle(xx1t+g+b,yy1t+a, xx2t+g+b,yy2t+a, xx3t+g+b,yy3t+a);

  fill(7,10,35);

  triangle(xx1t+g*2+b,yy1t+a, xx2t+g*2+b,yy2t+a, xx3t+g*2+b,yy3t+a);

  fill(255,0,0);

  triangle(xx1t+g*3+b,yy1t+a, xx2t+g*3+b,yy2t+a, xx3t+g*3+b,yy3t+a);

  fill(7,10,35);

  triangle(xx1t+g*4+b,yy1t+a, xx2t+g*4+b,yy2t+a, xx3t+g*4+b,yy3t+a);

  //Row 2 Column 4 UPSIDE DOWN TRIANGLE

  //add a = 60 to y values to move 1 block down 

  //add c = 180 to x values to move 3 blocks right

  fill(255,0,0);

  triangle(xx1t+c,yy1t+a, xx2t+c, yy2t+a, xx3t+c, yy3t+a);

  //**************************************************************************************************************

​

  //ROW 3

  //**************************************************************************************************************

  //Row 3 Column 1 LINES

  //add b = 120 to the y values to move 2 blocks down

  //z = 8 as the increamnet value

  fill(255,0,0);

  quad(x1s,y1s+b, x2s,y2s+b, x3s,y3s+b, x4s,y4s+b);

  quad(x1s+z,y1s+b, x2s+z,y2s+b, x3s+z,y3s+b, x4s+z,y4s+b);

  quad(x1s+z*2,y1s+b, x2s+z*2,y2s+b, x3s+z*2,y3s+b, x4s+z*2,y4s+b);

  quad(x1s+z*3,y1s+b, x2s+z*3,y2s+b, x3s+z*3,y3s+b, x4s+z*3,y4s+b);

  quad(x1s+z*4,y1s+b, x2s+z*4,y2s+b, x3s+z*4,y3s+b, x4s+z*4,y4s+b);

  quad(x1s+z*5,y1s+b, x2s+z*5,y2s+b, x3s+z*5,y3s+b, x4s+z*5,y4s+b);

  quad(x1s+z*6,y1s+b, x2s+z*6,y2s+b, x3s+z*6,y3s+b, x4s+z*6,y4s+b);

  quad(x1s+z*7,y1s+b, x2s+z*7,y2s+b, x3s+z*7,y3s+b, x4s+z*7,y4s+b);

  //Row 3 Column 2 TRIANGLES

  //add a = 60 to move it 1 block to the right

  //add b = 120 to move it 2 blocks down

  //w = 12 as the increament value

  fill(7,10,35);

  triangle(x1t+a,y1t+b, x2t+a,y2t+b, x3t+a,y3t+b);

  fill(255,0,0);

  triangle(x1t+w+a,y1t+b, x2t+w+a,y2t+b, x3t+w+a,y3t+b);

  fill(7,10,35);

  triangle(x1t+w*2+a,y1t+b, x2t+w*2+a,y2t+b, x3t+w*2+a,y3t+b);

  fill(255,0,0);

  triangle(x1t+w*3+a,y1t+b, x2t+w*3+a,y2t+b, x3t+w*3+a,y3t+b);

  fill(7,10,35);

  triangle(x1t+w*4+a,y1t+b, x2t+w*4+a,y2t+b, x3t+w*4+a,y3t+b);

  //Row 3 Column 3 LINES

  //add b=120 to the y values to move 2 blocks down and 

  //add b=120 to the x values to move 2 blocks to the right

  //z= 8 as the increament value

  fill(255,0,0);

  quad(x1s+b,y1s+b, x2s+b,y2s+b, x3s+b,y3s+b, x4s+b,y4s+b);

  quad(x1s+z+b,y1s+b, x2s+z+b,y2s+b, x3s+z+b,y3s+b, x4s+z+b,y4s+b);

  quad(x1s+z*2+b,y1s+b, x2s+z*2+b,y2s+b, x3s+z*2+b,y3s+b, x4s+z*2+b,y4s+b);

  quad(x1s+z*3+b,y1s+b, x2s+z*3+b,y2s+b, x3s+z*3+b,y3s+b, x4s+z*3+b,y4s+b);

  quad(x1s+z*4+b,y1s+b, x2s+z*4+b,y2s+b, x3s+z*4+b,y3s+b, x4s+z*4+b,y4s+b);

  quad(x1s+z*5+b,y1s+b, x2s+z*5+b,y2s+b, x3s+z*5+b,y3s+b, x4s+z*5+b,y4s+b);

  quad(x1s+z*6+b,y1s+b, x2s+z*6+b,y2s+b, x3s+z*6+b,y3s+b, x4s+z*6+b,y4s+b);

  quad(x1s+z*7+b,y1s+b, x2s+z*7+b,y2s+b, x3s+z*7+b,y3s+b, x4s+z*7+b,y4s+b);

  //Row 3 Column 4 TRIANGLE

  //add c = 180 to the x values to move it 3 block to the right 

  //add b = 120 to the y values move it 2 blocks down

  fill(7,10,35);

  triangle(x1t+c,y1t+b, x2t+c,y2t+b, x3t+c,y3t+b);

  //**************************************************************************************************************

  //ROW 4

  //**************************************************************************************************************

  //Row 4 Column 1 UPSIDE DOWN TRIANGLES

  //add c = 180 to y values to move 4 blocks down

  //g=12 as the increament value

  fill(7,10,35);

  triangle(xx1t,yy1t+c, xx2t, yy2t+c, xx3t, yy3t+c);

  fill(255,0,0);

  triangle(xx1t+g,yy1t+c, xx2t+g,yy2t+c, xx3t+g, yy3t+c);

  fill(7,10,35);

  triangle(xx1t+g*2,yy1t+c, xx2t+g*2,yy2t+c, xx3t+g*2, yy3t+c);

  fill(255,0,0);

  triangle(xx1t+g*3,yy1t+c, xx2t+g*3,yy2t+c, xx3t+g*3, yy3t+c);

  fill(7,10,35);

  triangle(xx1t+g*4,yy1t+c, xx2t+g*4,yy2t+c, xx3t+g*4,yy3t+c);

​

  //Row 4 Column2 DIAGONAL LINES

  //add c=180 to y values to bring it down by 3 blocks (60*3 = 180 = c) 

  //add a = 60 to all x values to shift it 1 block to the right

  //n = 10 as the increament value

  fill(255, 0,0);

  quad(x1+a,y1+c, x2+a,y2+c, x3+a,y3+c, x4+a,y4+c);

  quad(x1+n+a,y1+c, x2+n+a,y2+c, x3+a,y3+n+c, x4+a,y4+n+c);

  quad(x1+n*2+a,y1+c, x2+n*2+a,y2+c, x3+a,y3+n*2+c, x4+a,y4+n*2+c);

  quad(x1+n*3+a,y1+c, x2+n*3+a,y2+c, x3+a,y3+n*3+c, x4+a,y4+n*3+c);

  quad(x1+n*4+a,y1+c, x2+n*4+a,y2+c, x3+a,y3+n*4+c, x4+a,y4+n*4+c);

  quad(xx1+a,yy1+c, xx2+a,yy2+c, xx3+a,yy3+c, xx4+a,yy4+c);

  quad(xx1+a,yy1+n+c, xx2+a,yy2+n+c, xx3+n+a,yy3+c, xx4+n+a,yy4+c);

  quad(xx1+a,yy1+n*2+c, xx2+a,yy2+n*2+c, xx3+n*2+a,yy3+c, xx4+n*2+a,yy4+c);

  quad(xx1+a,yy1+n*3+c, xx2+a,yy2+n*3+c, xx3+n*3+a,yy3+c, xx4+n*3+a,yy4+c);

  quad(xx1+a,yy1+n*4+c, xx2+a,yy2+n*4+c, xx3+n*4+a,yy3+c, xx4+n*4+a,yy4+c);

  //Row 4 Column 3 UPSIDE DOWN TRIANGLE

  //add c = 180 to y values to move 3 blocks down  

  //add b = 120 to x values to move 2 blocks right

  //g=12 as the increament value

  fill(7,10,35);

  triangle(xx1t+b,yy1t+c, xx2t+b, yy2t+c, xx3t+b,yy3t+c);

  fill(255,0,0);

  triangle(xx1t+g+b,yy1t+c, xx2t+g+b,yy2t+c, xx3t+g+b,yy3t+c);

  fill(7,10,35);

  triangle(xx1t+g*2+b,yy1t+c, xx2t+g*2+b,yy2t+c, xx3t+g*2+b,yy3t+c);

  fill(255,0,0);

  triangle(xx1t+g*3+b,yy1t+c, xx2t+g*3+b,yy2t+c, xx3t+g*3+b,yy3t+c);

  fill(7,10,35);

  triangle(xx1t+g*4+b,yy1t+c, xx2t+g*4+b,yy2t+c, xx3t+g*4+b,yy3t+c);

  //Row 4 Column 4 UPSIDE DOWN TRIANGLE

  //add c = 180 to y values to move 3 blocks down 

  //add c = 180 to x values to move 3 blocks right

  fill(255,0,0);

  triangle(xx1t+c,yy1t+c, xx2t+c, yy2t+c, xx3t+c, yy3t+c);

  //**************************************************************************************************************

  //ROW 5

  //**************************************************************************************************************

  //Row 5 Column 5 LINES

  //add d=240 to the y values to move 4 blocks down

  //z = 8 as the increament value

  fill(255,0,0);

  quad(x1s,y1s+d, x2s,y2s+d, x3s,y3s+d, x4s,y4s+d);

  quad(x1s+z,y1s+d, x2s+z,y2s+d, x3s+z,y3s+d, x4s+z,y4s+d);

  quad(x1s+z*2,y1s+d, x2s+z*2,y2s+d, x3s+z*2,y3s+d, x4s+z*2,y4s+d);

  quad(x1s+z*3,y1s+d, x2s+z*3,y2s+d, x3s+z*3,y3s+d, x4s+z*3,y4s+d);

  quad(x1s+z*4,y1s+d, x2s+z*4,y2s+d, x3s+z*4,y3s+d, x4s+z*4,y4s+d);

  quad(x1s+z*5,y1s+d, x2s+z*5,y2s+d, x3s+z*5,y3s+d, x4s+z*5,y4s+d);

  quad(x1s+z*6,y1s+d, x2s+z*6,y2s+d, x3s+z*6,y3s+d, x4s+z*6,y4s+d);

  quad(x1s+z*7,y1s+d, x2s+z*7,y2s+d, x3s+z*7,y3s+d, x4s+z*7,y4s+d);

  //Row 5 Column 2 TRIANGLES

  //add a = 60 to move it 1 clock to the right  

  //add d = 240 to move it 4 blocks down

  //w =12 as the increament value

  fill(7,10,35);

  triangle(x1t+a,y1t+d, x2t+a,y2t+d, x3t+a,y3t+d);

  fill(255,0,0);

  triangle(x1t+w+a,y1t+d, x2t+w+a,y2t+d, x3t+w+a,y3t+d);

  fill(7,10,35);

  triangle(x1t+w*2+a,y1t+d, x2t+w*2+a,y2t+d, x3t+w*2+a,y3t+d);

  fill(255,0,0);

  triangle(x1t+w*3+a,y1t+d, x2t+w*3+a,y2t+d, x3t+w*3+a,y3t+d);

  fill(7,10,35);

  triangle(x1t+w*4+a,y1t+d, x2t+w*4+a,y2t+d, x3t+w*4+a,y3t+d);

  //Row 5 Column 3 LINES

  //add d=240 to the y values to move 4 blocks down 

  //add b =120 to the x values to move 2 blocks to the right

  //z = 8 as the increament value

  fill(255,0,0);

  quad(x1s+b,y1s+d, x2s+b,y2s+d, x3s+b,y3s+d, x4s+b,y4s+d);

  quad(x1s+z+b,y1s+d, x2s+z+b,y2s+d, x3s+z+b,y3s+d, x4s+z+b,y4s+d);

  quad(x1s+z*2+b,y1s+d, x2s+z*2+b,y2s+d, x3s+z*2+b,y3s+d, x4s+z*2+b,y4s+d);

  quad(x1s+z*3+b,y1s+d, x2s+z*3+b,y2s+d, x3s+z*3+b,y3s+d, x4s+z*3+b,y4s+d);

  quad(x1s+z*4+b,y1s+d, x2s+z*4+b,y2s+d, x3s+z*4+b,y3s+d, x4s+z*4+b,y4s+d);

  quad(x1s+z*5+b,y1s+d, x2s+z*5+b,y2s+d, x3s+z*5+b,y3s+d, x4s+z*5+b,y4s+d);

  quad(x1s+z*6+b,y1s+d, x2s+z*6+b,y2s+d, x3s+z*6+b,y3s+d, x4s+z*6+b,y4s+d);

  quad(x1s+z*7+b,y1s+d, x2s+z*7+b,y2s+d, x3s+z*7+b,y3s+d, x4s+z*7+b,y4s+d)

  //Row 5 Column 4 TRIANGLES

  //add c = 180 to move it 3 block to the right 

  //add d = 240 to move it 4 blocks down

  fill(7,10,35);

  triangle(x1t+c,y1t+d, x2t+c,y2t+d, x3t+c,y3t+d);

  //**************************************************************************************************************

  //THE END 💖

}