Graphic Recreation

I chose to try and recreate the Manfred Mohr Computer Graphic in two different ways; first by using for loops to create the black patterning, and the second way by using a pattern as a drawing tool to create the image.

 

 

 

void setup(){
  size(600,800);
  background(250);
  for(int j = 0; j <800; j+=5){
  for (int i = 0; i <600; i+=5) {
    line(i,0+j,5+i,5+j);
    line(i,5+j,5+i,0+j);
  }  
  }
  for(int j = 0; j<800; j+=5){
  for(int i = 0; i<600; i+=5){
    if(j % 50 == 0){
  for(int w = 0; w<15; w+=5){
      line(i,w+j,5+i,(w+5)+j);
    line(i,(w+5)+j,5+i,w+j);
  }
    }
  }
  }
   for(int j = 0; j<800; j+=15){
  for(int i = 0; i<600; i+=15){
    if(j % 15 == 0){
    strokeWeight(1.5);
      line(i,j,5+i,5+j);
    line(i,5+j,5+i,j);
    }
  }
   }
    for(int j = 0; j<800; j+=10){
  for(int i = 0; i<600; i+=10){
    if(j % 30 == 0){
      strokeWeight(2.5);
      stroke(225);
      line(i,j,5+i,5+j);
    line(i,5+j,5+i,j);
    
    }
  }
    }
   
}
void draw(){
float x = mouseX;
float y = mouseY;
if (mousePressed == true){
  stroke(250);
  line(x,y,x+5,y-5);
  line(x,y-5,x+5,y); 
  line(x+5,y,x+10,y-5);
  line(x+5,y-5,x+10,y);
  line(x+10,y,x+15,y-5);
  line(x+10,y-5,x+15,y);
  line(x+15,y,x+20,y-5);
  line(x+15,y-5,x+20,y);
  line(x+20,y,x+25,y-5);
  line(x+20,y-5,x+25,y);
  line(x+25,y,x+30,y-5);
  line(x+25,y-5,x+30,y);
  line(x+30,y,x+35,y-5);
  line(x+30,y-5,x+35,y);
  line(x+35,y,x+35,y-5);
  line(x+35,y-5,x+35,y);
  
  line(x,y,x+5,y+5);
  line(x,y+5,x+5,y);
  line(x+5,y,x+10,y+5);
  line(x+5,y+5,x+10,y);
  line(x+10,y,x+15,y+5);
  line(x+10,y+5,x+15,y);
  line(x+15,y,x+20,y+5);
  line(x+15,y+5,x+20,y);
  line(x+20,y,x+25,y+5);
  line(x+20,y+5,x+25,y);
  line(x+25,y,x+30,y+5);
  line(x+25,y+5,x+30,y);
  line(x+30,y,x+35,y+5);
  line(x+30,y+5,x+35,y);
  
  line(x,y+5,x+5,y+10);
  line(x,y+10,x+5,y+5);
  line(x+5,y+5,x+10,y+10);
  line(x+5,y+10,x+10,y+5);
  line(x+10,y+5,x+15,y+10);
  line(x+10,y+10,x+15,y+5);
  line(x+15,y+5,x+20,y+10);
  line(x+15,y+10,x+20,y+5);
  line(x+20,y+5,x+25,y+10);
  line(x+20,y+10,x+25,y+5);
  line(x+25,y+5,x+30,y+10);
  line(x+25,y+10,x+30,y+5);
  line(x+30,y+5,x+35,y+10);
  line(x+30,y+10,x+35,y+5);
  
  line(x,y+10,x+5,y+15);
  line(x,y+15,x+5,y+10);
  line(x+5,y+10,x+10,y+15);
  line(x+5,y+15,x+10,y+10);
  line(x+10,y+10,x+15,y+15);
  line(x+10,y+15,x+15,y+10);
  line(x+15,y+10,x+20,y+15);
  line(x+15,y+15,x+20,y+10);
  line(x+20,y+10,x+25,y+15);
  line(x+20,y+15,x+25,y+10);
  line(x+25,y+10,x+30,y+15);
  line(x+25,y+15,x+30,y+10);
  line(x+30,y+10,x+35,y+15);
  line(x+30,y+15,x+35,y+10);
  }
}

And this is just a small graphic I made while playing around with Processing