Processing Basics

Above is the image I used for my inspiration. I decided to focus on the central, large Garfield for simplicity. I chose this image because this one seemed the most doable out of all of the pictures in my camera roll. I wanted to draw the whole Garfield rather than just focusing on a specific body part. I want to draw from top to bottom, starting from designing the head. I started by drawing two ellipses for the head and body. Then I added 4 more ellipses for the eyes. I used two ellipses for the eyes because I wanted to add smaller white ellipses in the eyes to add detail to them. I used a red circle for the mouth/nose since I wasn’t sure how to create the upward shape as shown on the actual Garfield. I then decided to use rectangle shapes with curved edges for the limbs. In the end, I planned on going in and adding the ears via the triangle shape because it was the hardest thing to add. I didn’t have time to figure out how to do it in time, so my drawing doesn’t have ears. 

I feel like the body composition of shapes and colors are similar. Unfortunately, everything else is different. It didn’t turn out how I had hoped, but it gave me more insight into how to use processing. 

The sketch I made was a freehand more similar to the actual picture, and then after realizing some shapes were challenging to make in processing, I modified the sketch into more simplified shapes. 

I’m indifferent on whether or not drawing in processing was an excellent means of realizing my design because I think it’s a good program for drawing however, it’s kind of complicated to use, and I had lots of trouble when drawing my Garfield. 

My code:

void setup () {

size(600, 600);
}
void draw () {

fill(#E3941E);
ellipse(300, 200, 200, 225);
ellipse(300, 350, 225, 230);
fill(255);

fill(#050100);
ellipse(260, 150, 25, 35);
ellipse(340, 150, 25, 35);
fill(255);
ellipse(260, 139, 20, 10);
ellipse(340, 139, 20, 10);
fill(#E0230E);
ellipse(300, 200, 30, 30);
fill(255);
fill(#E3941E);
rect(350, 300, 80, 220, 40);
rect(160, 300, 80, 220, 40);
fill(225);

fill(#E3941E);
rect(200, 400, 80, 220, 40);
rect(280, 400, 80, 220, 40);
fill(225);

}

My sketch:

 

Overall, I had a decently good experience using processing at this recitation, and I feel like I learned many of the basics. The drawing doesn’t look like my picture or sketch because of my coding abilities and not the program.