# 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();
}``````