Jenny Hu— Face

Project 01 — Face

/*
Jenny Hu
Section E
jjh1@andrew.cmu.edu
Assignment-01
*/

function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(255,245,242);
    noStroke();


//neck
    fill(250, 235, 220);
    rect(294, 370, 52, 60);
//neck shadow
    fill(235, 215, 207);
    rect(346,370, 12, 60);




//shirt
    fill(150, 157, 172);
    rect(192, 410, 138, 195, 100,0,0,0); //(x,y,w,h,topl eft, top right, bottom right, bottome left)
//shirt shadow
    fill(87, 96, 111);
    rect(330, 410, 138, 195, 0, 100, 0, 0);
//shirtsleeve
    fill(150,157,172);
    rect(61, 424, 71, 144, 100);
//shirt button
    fill(250);
    ellipse(330, 470, 20, 20);
    ellipse(330, 530, 20, 20);



//palm & thumb
    fill(250, 235, 220);
    rect(61, 269, 78, 132, 100);
    rect(130, 320, 30, 50, 100);
//fingers
    fill(255,245,242);
    rect(75, 260, 10, 50, 100);
    rect(94, 260, 10, 45, 100);
    rect(115, 260, 10, 50, 100);





//hair
    fill(87);
    rect(178, 177, 62, 328, 0, 0, 0, 20);
    rect(402, 177, 62, 328, 0, 0, 20, 0);
    rect(178, 115, 286, 62, 100, 100, 0, 0);
    ellipse(323, 90, 80, 80);





//face base & ears
    fill(250, 235, 220);
    rect(197, 177, 253, 200, 0, 0, 100, 100);
    rect(162, 218, 47, 63, 100);
    rect(445, 218, 47, 63, 100);




//hair bangs
    fill(87);
    rect(370, 140, 85, 70, 0, 0, 0, 100);




//mouth
    noFill();
    stroke(87);
    strokeWeight(9);
    ellipse(320, 320, 40, 40);


    noStroke();    
    fill(250,235,220);
    rect(286, 280, 80, 45);




//nose
    fill(235, 215, 207);
    rect(307, 251, 25, 50, 100);




//blush
    fill(255, 225, 212);
    ellipse(229, 278, 55, 55);
    ellipse(422, 278, 55, 55);




//earrings
    fill(240, 190, 97);
    rect(161, 230, 10, 5, 100);
    rect(161, 245, 10, 5, 100);
    ellipse(185, 272, 10, 10);
    ellipse(466, 272, 10, 10);




//eyes
    //whites
    fill(255);
    rect(244, 230, 37, 25, 0, 0, 100, 100);
    rect(364, 230, 37, 25, 0, 0, 100, 100);

    //blacks
    fill(0);
    ellipse(262, 236, 25, 25);
    ellipse(383, 236, 25, 25);
    rect(244, 224, 37, 7, 0, 100, 0, 0);
    rect(364, 224, 37, 7, 0, 100, 0, 0);
    rect(244, 218, 6, 8);
    rect(254, 218, 6, 8);
    rect(264, 218, 6, 8);
    rect(364, 218, 6, 8);
    rect(374, 218, 6, 8);
    rect(384, 218, 6, 8);

    //glasses
    noFill();
    stroke(133, 80, 50);
    strokeWeight(12);
    ellipse(257, 239, 100, 100);
    ellipse(383, 239, 100, 100);





    noLoop();
}

Fun stuff! In my process, I found visualizing in the sketch file a little slow for iterating graphical ideas. So instead, I went to work in a vector-program (sketch) to play with colors and shapes that stuck to the same primitive ones we’ve been using in class before. This allowed me to quickly plan my elements and push them in the program.