Project 1: Self Portrait

This is my self portrait. The most challenging part of this project is locating the shapes and lines on my canvas. The most difficult shape to code was the arc.

sketch
function setup() {
    createCanvas(500,300);
    background(120,120,150);
    text("Hi. I'm Jen :)", 10, 15);
}

function draw() {
    strokeWeight(0)
    fill(225,194,159); //1-beige
    ellipse(267,140,141,197);
    strokeWeight(0)
    fill(56,47,45); //2-brown
    ellipse(258,49,127,59);
    strokeWeight(0)
    fill(56,47,45); //3-brown
    ellipse(196,120,74,154)
    strokeWeight(0)
    fill(225,194,159); //5-beige
    rect(220,200,42,110);
    strokeWeight(0)
    fill(230,130,140); //6-shirt
    quad(201,252,201,300,306,300,290,252);
    strokeWeight(0)
    fill(56,47,45); //4-brown
    ellipse(196,241,43,135);
    strokeWeight(0)
    fill(230,144,151); //8-mouth
    ellipse(304,198,31,8);
    strokeWeight(0)
    fill(191,171,125); //7-nose
    triangle(301,136,307,164,295,164);
    strokeWeight(0)
    fill(255,255,255); //9-eye white
    arc(264,113,51,55,2.6,0.5,OPEN);
    strokeWeight(0)
    fill(0,0,0); //10-eyeball
    circle(275,113,35);
    strokeWeight(0)
    fill(255,255,255); //11-eye white
    arc(329,113,51,55,2.6,0.5,open);
    strokeWeight(0)
    fill(0,0,0); //12-eyeball
    circle(340,113,35);
    strokeWeight(0)
    fill(241,211,129); //13-hair tie
    ellipse(196,191,41,11);
    stroke(255,255,255); //highlight 1
    strokeWeight(5);
    point(330,110);
    stroke(255,255,255); //highlight 2
    strokeWeight(5);
    point(265,110);
    strokeWeight(2)
    fill(225,100,10); //13-hair tie middle
    square(192,186,11);
    stroke(255)
    strokeWeight(3)
    line(299,196,309,196)
    strokeWeight(1)
    stroke(100)
    line(301,136,307,164)
    strokeWeight(1)
    stroke(100)
    line(307,164,295,164)
}

Leave a Reply