Project-01-Face

sketch

/*
* Rachel Griswold
* rgriswol@andrew.cmu.edu
* Section B
* Project 01
*
*/

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

function draw() {
	fill(60, 30, 30);
    rect(100, 0, 400, 600); // hair

    fill(240, 227, 174);
    rect(150, 0, 300, 400); // face

    fill(50, 10, 6);
    arc(220, 75, 100, 100, 0, PI); // eye (left)

    fill(50, 10, 6);
    arc(380, 75, 100, 100, 0, PI); // eye (right)

    fill(237, 210, 155);
    arc(220, 67, 100, 100, 0.14, 3); // eyelid (left)

    fill(237, 210, 155);
    arc(380, 67, 100, 100, 0.14, 3); // eyelid (right)

    fill(140, 0, 0);
    rect(237, 320, 125, 40); // mouth 

    fill(350);
    arc(300, 320, 125, 70, PI, TWO_PI); // teeth

    fill(237, 210, 155);
    quad(295, 90, 305, 90, 350, 240, 250, 240); // nose base

    fill(237, 210, 155);
    rect(260, 190, 80, 60) // nose top

    fill(50, 10, 6);
    arc(280, 250, 20, 20, PI, TWO_PI); // nostril (left)

    fill(50, 10, 6);
    arc(320, 250, 20, 20, PI, TWO_PI); // nostril (right)

    fill(60, 30, 30)
    triangle(280, 25, 170, 50, 170, 40); // eyebrow (left)

    fill(60, 30, 30)
    triangle(320, 25, 430, 50, 430, 40); // eyebrow (right)

    fill(187, 240, 248);
    quad(390, 140, 420, 200, 390, 240, 360, 200); // tear
    
}

I wanted to make look interesting even with my limited knowledge – I’m not sure if I succeeded, but it’s much better than I thought it would be, so I’m happy with it.
I’m not sure why it got all messed up when I published it – the features aren’t supposed to be squished, and obviously the teeth aren’t supposed to be separated from the mouth… I have no idea what happened, but the index.html looks completely normal.