Project 1: My Self Portrait

sketch (self portrait)
function setup() {
    createCanvas(300, 300);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
    background(186, 215, 190);
    fill(0);
    ellipse(150, 155, 170, 190); 
    fill(239, 222, 205);
    fill(239, 222, 205);
    rect(125, 150, 50, 100);  //neck
    ellipse( (width/2), (height/2) , 100, 120);
    fill(252, 252, 252);
    ellipse(130, 140, 15, 9); // left socket
    fill(102, 51, 0);
    circle(130, 140, 7);  // Pupil (left)
    fill(0);
    circle(130, 140, 2);  // iris (right)
    fill(252, 252, 252); 
    ellipse(170, 140, 15, 9);  // right socket
    fill(102, 51, 0);
    circle(170, 140, 7);   // pupil (right)
    fill(0);
    circle(170, 140, 2);  // iris(right)
    arc(130, 130, 22, 5, radians(180), radians(360));  // left eyebrow. I learned this by looking it up. by wrapping degrees in radians I can work in degrees!
    arc(170, 130, 22, 5, radians(180), radians(360));
    fill(232, 214, 197);
    triangle(150, 148, 145, 170, 155, 170);
    point(131, 150); // freckles!!
    point(135, 154);
    point(127, 152);
    point(123, 150);
    point(119, 152);
    point(116, 158);
    point(126, 156);
    point(130, 158);
    point(171, 150);
    point(175, 154);
    point(167, 152);
    point(163, 150);
    point(159, 152);
    point(156, 158);
    point(166, 156);
    point(170, 158);
    fill(238, 131, 163); 
    arc(150, 180, 40, 23, radians(0), radians(180)); // lips!
    fill(255);
    arc(150, 182, 30, 15, radians(0), radians(180));
    // arc(150, 100, )
    fill(0);
    ellipse(150, 86, 60,32);
    fill(0);
    arc(130, 100, 40, 23, radians(0), radians(180));
    fill(0);
    arc(170, 100, 40, 23, radians(0), radians(180));
    circle(130, 90, 32);
    circle(170, 90, 32);
    fill(112, 171, 149);        //shirt
    ellipse(150,305, 130, 160);
    fill(0);
    ellipse(70, 130, 20, 30); //HAIR
    ellipse(80, 110, 20, 30);
    ellipse(90, 100, 20, 30);
    ellipse(100, 90, 20, 30);
    ellipse(68, 150, 20, 30);
    ellipse(68, 170, 20, 30);
    ellipse(70, 190, 20, 30);
    ellipse(80, 210, 20, 30);
    ellipse(90, 230, 20, 30);
    ellipse(100,240, 20, 30);
    ellipse(230, 130, 20, 30);
    ellipse(220, 110, 20, 30);
    ellipse(210, 100, 20, 30);
    ellipse(100, 90, 20, 30);
    ellipse(230, 150, 20, 30);  // 230- 68= 162 (+162)
    ellipse(230, 170, 20, 30);
    ellipse(230, 190, 20, 30);
    ellipse(220, 210, 20, 30);
    ellipse(210, 230, 20, 30);
    ellipse(200, 240, 20, 30);
}

Leave a Reply