Assignment 1 by Yuhan

There have been three years that I haven’t used Process at all. And this is my first time to refamiliarize myself with it. It did take me some time to re-understand, even the basic concepts.

I took a look at the book that Cici recommended in class, “Interaction of Color” by Josef Albers. One image (included below) reminds me the in-class exercise of the repetitive line (see below) we did. I think by adding the squares between the lines, I would be able to recreate Alber’s work.

(Artwork from Josef Albers, in Interaction of Color)

(Screenshot of In-class Exercise)

However, when I started, I was struggling with the “Mask” of the original image. A group of shapes including both lines and squares needs to be rotated within a mask, which means some parts of the shape group should be covered and unseen. While I failed to do that.

Instead, I inserted a “Random” function into the “Rotation”, which allows the computer to move the groups of shapes. But I prefer to only keep the line, which makes the image simple but aesthetic.

(Yuhan’s Version)

int gap = 20;

void setup(){
  size(380,600);
  strokeCap(ROUND);
  frameRate(0.5);//Specifies the number of frames to be displayed every second
}

void draw(){
  background(110,81,32);
  
  fill(191,89,84);
  noStroke();
  rect(50,60,280,240);

  fill(228,183,194);
  noStroke();
  rect(50,300,280,240);
  
  drawPattern(0);

}

void drawPattern(float angle){
  translate(width/4,height/4);
  rotate(random(0,PI));
  pushMatrix();
 int rowCount = 0;
 for(int x=60; x<=300; x+=gap*1.5){
   for(int y=65;y<=260; y+=gap*2.8){
     if(rowCount%2 == 0){
       fill(255);
       rect(x,y,8,40,7);
     }
   }
   rowCount++;
 }
 popMatrix();
}

Leave a Reply