michelle-face.js

michelle-face

function setup() {
    createCanvas(400, 500);
    background(220,168,74);
    fill(249,221,189);
    noStroke();
    ellipse(200,180,200,230)

    fill(249,221,189);
    ellipse(200,260,130,85)

    fill(245,190,164);
    ellipse(250,230,50,45)

    fill(245,190,164);
    ellipse(150, 230,50,45);

    fill(245,190,164);
    ellipse(200,230,40,65);

    fill(120,65,24);
    ellipse(200,100, 200,120);

    fill(120,65,24);
    ellipse(115,145,50,140);

    fill(249,221,189);
    ellipse(195,220,40,65);

    fill(0);
    ellipse(250,230,20,10);

    fill(245,190,164);
    ellipse(250,225,20,10);

    fill(0);
    ellipse(150,230,20,10);

    fill(245,190,164);
    ellipse(150,225,20,10);

    fill(216,126,91);
    ellipse(200,450,140,250);

    fill(120,64,24);
    ellipse(180, 150, 100, 30);

    fill(120,64,24);
    ellipse(160, 160, 100, 30);

    fill(120,64,24);
    ellipse(130, 180, 70, 30);

    fill(120,64,24);
    ellipse(300, 145, 40, 120);

    fill(249, 221, 189);
    rect(182, 280, 35, 60);

    fill(0);
    ellipse(200, 285, 20, 10);

    fill (249,221,189);
    ellipse(105, 220, 30, 50);

    fill(249,221,189);
    ellipse(300, 220, 30, 50);

    fill(161,126,81);
    rect(0, 430, 400, 80);

    fill(255);
    quad(170, 350, 230, 350, 150, 370, 250, 370);

}

I decided to experiment a lot with creating shapes through layering. For example, I made the curve of the nose by layering an ellipse the color of my skin tone, mostly covering a pink ellipse of the same size. It was challenging to make shapes that required more values, such as the quad. But I like that I was able to use it to make the design on the shirt. I feel a lot more comfortable with basic programming of shapes after this project.