void setup() {
size(752, 752);
frameRate(2);
}
void draw()
{
float r1 = random(0, 255);
float r2 = random(0, 255);
float r3 = random(0, 255);
float r4 = random(0, 255);
float r5 = random(0, 255);
float r6 = random(0, 255);
float r7 = random(0, 255);
float r8 = random(0, 255);
float r9 = random(0, 255);
 
int increment = 28;
  
//defines c1 as white
float rr = (255);
float gg = (255);
float bb = (255);
color c1 = color(rr, gg, bb);

//defines c2 as black
float rrr = (0);
float ggg = (0);
float bbb = (0);
color c2 = color(rrr, ggg, bbb);

for(int i=0; i<30; i++) {
for(int j=0; j<30; j++) {
  
 noStroke();  
    beginShape();
    if(r1<127) { fill(c1); }
    if(r1>127) { fill(c2); }
    vertex(0 + increment * i, 0 + increment * j);
    vertex(8 + increment * i, 0 + increment * j);
    vertex(8 + increment * i, 8 + increment * j);
    vertex(0 + increment * i, 8 + increment * j);
    endShape();
     noStroke();  
    beginShape();
    if(r2<127) { fill(c1); }
    if(r2>127) { fill(c2); }
    vertex(0 + increment * i, 8 + increment * j);
    vertex(8 + increment * i, 8 + increment * j);
    vertex(8 + increment * i, 16 + increment * j);
    vertex(0 + increment * i, 16 + increment * j);
    endShape();
        noStroke();  
    beginShape();
    if(r3<127) { fill(c1); }
    if(r3>127) { fill(c2); }
    vertex(0 + increment * i, 16 + increment * j);
    vertex(8 + increment * i, 16 + increment * j);
    vertex(8 + increment * i, 24 + increment * j);
    vertex(0 + increment * i, 24 + increment * j);
    endShape();
 
   noStroke();  
    beginShape();
    if(r4<127) { fill(c1); }
    if(r4>127) { fill(c2); }
    vertex(8 + increment * i, 0 + increment * j);
    vertex(16 + increment * i, 0 + increment * j);
    vertex(16 + increment * i, 8 + increment * j);
    vertex(8 + increment * i, 8 + increment * j);
    endShape();
    noStroke(); 
    beginShape();
    if(r5<127) { fill(c1); }
    if(r5>127) { fill(c2); }
    vertex(8 + increment * i, 8 + increment * j);
    vertex(16 + increment * i, 8 + increment * j);
    vertex(16 + increment * i, 16 + increment * j);
    vertex(8 + increment * i, 16 + increment * j);
    endShape();
  noStroke(); 
    beginShape();
    if(r6<127) { fill(c1); }
    if(r6>127) { fill(c2); }
    vertex(8 + increment * i, 16 + increment * j);
    vertex(16 + increment * i, 16 + increment * j);
    vertex(16 + increment * i, 24 + increment * j);
    vertex(8 + increment * i, 24 + increment * j);
    endShape();
    
     noStroke(); 
    beginShape();
    if(r7<127) { fill(c1); }
    if(r7>127) { fill(c2); }
    vertex(16 + increment * i, 0 + increment * j);
    vertex(24 + increment * i, 0 + increment * j);
    vertex(24 + increment * i, 8 + increment * j);
    vertex(16 + increment * i, 8 + increment * j);
    endShape();
     noStroke(); 
    beginShape();
    if(r8<127) { fill(c1); }
    if(r8>127) { fill(c2); }
    vertex(16 + increment * i, 8 + increment * j);
    vertex(24 + increment * i, 8 + increment * j);
    vertex(24 + increment * i, 16 + increment * j);
    vertex(16 + increment * i, 16 + increment * j);
    endShape();
     noStroke(); 
    beginShape();
    if(r9<127) { fill(c1); }
    if(r9>127) { fill(c2); }
    vertex(16 + increment * i, 16 + increment * j);
    vertex(24 + increment * i, 16 + increment * j);
    vertex(24 + increment * i, 24 + increment * j);
    vertex(16 + increment * i, 24 + increment * j);
    endShape();

}
}
}