For the self-portrait I aimed for comprehensive layering and correct color association. I was first focused in centering the face and figuring out the hair positioning patterns before color filling.
Previously with the worksheet exercise, I had a hard time figuring out how to color the diagonal line in the background. After trying with the “fill” command multiple times and looking through class resources, I realized the I should have uses the “stroke” command instead (I assume since the visibility and thickness of the line was programed with the “strokeWeight” command). I later applied this onto my self-portrait when programing the eye color.
Overall, I found the web editor to be comprehensive and interesting to use so far.
function setup() {
createCanvas(400, 500);
background(200, 215, 200);
//back hair
noStroke()
fill(85, 65, 60)
ellipse (120, 225, 80, 90);
ellipse (280, 225, 80, 90);
ellipse (250, 300, 150, 140);
ellipse (150, 300, 150, 140);
//body
fill(225, 200, 225)
ellipse (200, 380, 150, 250);
//face
fill(225, 200, 175)
ellipse (200, 225, 150, 180);
//front hair
fill(85, 65, 60)
ellipse (160, 165, 110, 100);
ellipse (240, 165, 110, 100);
//eyes
strokeWeight(10)
stroke(85, 65, 60)
point(170, 240)
strokeWeight(10)
stroke(85, 65, 60)
point(230, 240)
}
self-portrait