Kyle Lee Self Portrait

kdlee-project01

function setup() {
    createCanvas(600, 600);
    text("p5.js vers 0.5.2 test.", 10, 15);
    background(255)
}

function draw() {

    noStroke();
//CIRCLE
//    fill('#BCE8F9'); TEST BLUE
//    fill('#A5C8F1'); TEST BLUE
    fill('#CDE9F3'); //BLUE VIGNETTE
    ellipseMode(CENTER);
    ellipse(300,300,300,300);

//HAIR
    fill(0);
    ellipseMode(CORNER);
    ellipse(270,200,80,70);
    ellipse(250,240,30,30);
//HAIR STRAND
    noFill();
    stroke(0);
    strokeWeight(1.5);
    arc(267, 200, 10, 40, HALF_PI, 0+PI);
    arc(250, 234, 20, 20,HALF_PI+PI,0);


    noStroke();
//NECK
    fill('#D1A773');//DARK SKIN TONE
    rect(285,350,30,50);

//FACE
    fill('#F0C084');//SKIN TONE
    ellipseMode(CENTER);
    ellipse(width / 2,height / 2,100,150);

//EARS
    fill('#F0C084');//SKIN TONE
    ellipseMode(CENTER);
    ellipse(250,300,10,30);
    ellipse(350,300,10,30);

//SHIRT
    fill('#354053');//BLUE
    arc(300, 405, 75, 50, PI, 0);
//BUTTONS
    fill(240);
    ellipse(300,385,3,3);
    ellipse(300,395,3,3);

//MOUTH
    noFill();
    stroke(1);
    strokeWeight(4);
    arc(300, 335, 25, 12, 0, PI);

//EYES
    noFill();
    stroke(1);
    strokeWeight(4);
    arc(315, 285, 10, 2, PI, 0);
    arc(285, 285, 10, 2, PI, 0);

    noloop()
}

Since I currently only have a basic vocabulary of code to create shapes and draw, I spent a lot of time abstracting the form of the face to be as simple as possible. I tried to look at what basic features of the face (and mine in particular) make the drawing recognizable as a human face belonging to me.