thlai-Project-01-Face

I constructed my portrait mainly using ellipse shapes. I started by sketching my idea on paper, then bringing it into Illustrator to see tidy up the composition. I couldn’t decide on a background color, so I just made an ever-changing background with some of my favorite colors.

thlai-portrait

// Tiffany Lai
// 15-104 Section A
// thlai@andrew.cmu.edu
// Project-01

function setup() {
    createCanvas(600, 600);
    frameRate(1.5);
    noStroke();
    angleMode(DEGREES);
}

function draw() {
    background(random(35, 62), random(145,182), random(140, 178));

    // WHITE OUTLINE
    fill(255);
    push();
    translate(230, -194);
    rotate(40);
    ellipse(371, 201, 235, 146); // bangs
    pop();

    ellipse(386, 671, 383, 432); // body
    ellipse(196, 291, 64, 71); // left ear

    // HAIR
    push();
    translate(467, -149);
    rotate(58);
    fill(82, 69, 64);
    stroke(255);
    strokeWeight(8);
    ellipse(367, 346, 473, 337);
    pop();

    // BODY
    fill(74, 193, 187);
    ellipse(386, 671, 366, 417);

    // LEFT EAR
    fill(220, 172, 138);
    ellipse(196, 291, 49, 60);

    // FACE
    fill(229, 182, 149);
    ellipse(317, 302, 240, 310); // face
    ellipse(445, 313, 51, 63); // right ear

    // MOUTH
    fill(82, 69, 64);
    ellipse(303, 361, 120, 134); // opening

    fill(229, 182, 149);
    ellipse(305, 330, 159, 110); // cover

    push();
    translate(-105, 106);
    rotate(-17);
    fill(201, 113, 98);
    ellipse(317, 412, 45, 20); // tongue
    pop();

    // EYES
    fill(82, 69, 64);
    ellipse(235, 310, 54, 54);
    fill(229, 182, 149);
    ellipse(232, 316, 65, 56); // left

    fill(82, 69, 64);
    ellipse(365, 325, 56, 56);
    fill(229, 182, 149);
    ellipse(367, 331, 65, 56); // right

    // CHEEKS
    fill(226, 169, 150);
    ellipse(226, 328, 39, 27); // left

    fill(226, 169, 150);
    ellipse(387, 342, 39, 27); // right

    // NOSE
    push();
    translate(200, -100);
    rotate(30);
    fill(196, 148, 116);
    ellipse(290, 340, 35, 12);
    pop();

    // BANGS
    push();
    translate(230, -194);
    rotate(40);
    fill(82, 69, 64);
    ellipse(371, 201, 222, 131);
    pop();
    
}