Recitation5: Processing Basics

Part One: The Image

To be honest, the reason why I chose this image is because it was vividly reflecting my mental state during the midterm weeks, when all I wanted to do is having some proper rest after the highly intensive workload and exhaustion.

Part Two: Proposal & Sketch

Speaking of my proposal to put the picture into Processing, I simplified the facial features of the character and adjusting its body shape by drawing several circles, lines, and ellipses. After that, I marked the coordinates of each point on the paper and calculated their actual location (*30) when put into Processing. I’ve sketched two paper drawing during the recitation. The left one is for simplifying the features of the original picture, and the right one is more Processing-friendly.

Basically the similarities between my final creation and the original picture lie in the posture of a character lying down and feeling relaxed, as well as the element of the sofa. While the differences lie in the change of the character from a duck to a little man (which is easier for realizing in Processing), and the simplified limbs.

Part Three: Reflection

From my perspective, I don’t think drawing in Processing is the perfect means to realize my design. Based on my current knowledge, it has limited functions and we can only sketch simple geometric features. Even if it can realize certain complicated pictures, it may be quite time-consuming.

Attached below are my codes:

void setup() {
  size(600, 600);
}
void draw() {
  strokeWeight(3);
  noFill();
    line(210,510,540,480);
    arc(90,150,60,60,PI, PI+HALF_PI);
    arc(390,90,60,60,PI+HALF_PI,TWO_PI);
    line(90,120,390,60);
    line(60,150,90,450);
    line(420,90,480,300);
    line(480,300,540,330);
    line(540,330,540,480);
    line(90,450,210,510);
    line(120,315,180,330);
    line(180,330,210,360);
    line(495,330,495,482);
  //arc(180,360,60,60,PI+HALF_PI,TWO_PI);
  fill(253,245,230);
    arc(210,330,60,60,PI, TWO_PI+HALF_PI, OPEN);
    arc(450,325,60,60,PI,TWO_PI+QUARTER_PI);
    ellipse(315,270,180,120);
    ellipse(345,400,330,210);
    line(495,330,540,330);
    ellipse(321,504,90,45);
    ellipse(433,490,90,45);
  fill(0);
    circle(285,258,10);
    circle(345,251,10);
    line(310,274,332,271);
    line(200,349,210,510);
  fill(209);
    quad(198,350,209,507,150,477,150,350);
  
}