Recitation 5: Processing Basics

For this recitation exercise, I worked individually to draw an image in Processing based on a photograph that inspired me.

I went to a big Disney store during the weekend and had a good time there. The stuffed animals and the head bands are so cute! I took a picture with the head band on and I love this picture so much. So I decided to choose this image as a motif for this exercise.

Because this is a picture and so far I am not capable of programming very complicated images using Precessing, so I only drew the outline of the image and keep the most important elements such as the head band and my face in it. Because of the covid policy, I was wearing a mask in the picture, but I want to show my smily face in the drawing, so I get rid of the mask and replace it with a smile to show my happiness.

 

My final creation is different from the image but they have similarities to some degree. I think they are both cute and shows the happiness Disney bring us. I think that drawing in Processing was a good means of realizing my design, and after I become better at using Processing, I will be able to drawing more complicated images and create better and more interesting creations. I am really exited about this and I love Processing a lot.

 

Code:

size(200, 180);

background(220);

//draw the ears
fill(0, 0, 0);
ellipse(45, 35, 55, 55);
ellipse(155, 35, 55, 55);

//draw the head
fill(245, 234, 230);
ellipse(100, 100, 130, 130);

//draw the eyes
fill(255);
ellipse(75, 85, 30, 20);
ellipse(125, 85, 30, 20);

//draw the pupils
fill(0);
ellipse(75, 85, 10, 10);
ellipse(125, 85, 10, 10);

//draw the mouth
fill(255, 100, 100);
arc(100, 120, 50, 30, 0, 3.14);
line(75, 120, 125, 120);

//draw the nose
fill(255, 140, 140);
triangle(105, 105, 95, 105, 100, 100);

//draw the dimples
fill(255, 220, 220);
ellipse(55, 105, 30, 15);
ellipse(145, 105, 30, 15);

//draw the crown
fill(255, 140, 140);
triangle(70, 40, 80, 15, 90, 40);
triangle(110, 40, 120, 15, 130, 40);

fill(255, 220, 220);
triangle(80, 40, 100, 10, 120, 40);

fill(255, 255, 255);
ellipse(80, 15, 5, 5);
ellipse(120, 15, 5, 5);
ellipse(100, 10, 5, 5);