function setup() {
createCanvas(500, 600);
background(247,187,31);
}
function draw() {
//hair
strokeWeight(0);
fill(137,60,29);
ellipse(240,280,300,300)
strokeWeight(0);
fill(137,60,29);
ellipse(185,350,290,310);
strokeWeight(0);
fill(137,60,29);
ellipse(300,360,280,270);
//face
strokeWeight(0);
fill(234,179,125);
ellipse(250,300,250,260);
//body
strokeWeight(0);
fill(141,214,239);
ellipse(230,580,355,240);
//cheeks
strokeWeight(0);
fill(250,178,125);
ellipse(187,305,75,75);
strokeWeight(0);
fill(250,178,125);
ellipse(328,305,75,75);
//eyes
strokeWeight(0);
fill(137,60,29);
ellipse(220,273,20,15);
strokeWeight(0);
fill(137,60,29);
ellipse(308,273,20,15);
//nose
strokeWeight(0);
fill(244,151,89);
rect(258,265,23,80);
//mouth
stroke(234,125,92);
strokeWeight(5);
noFill();
line(230,370,290,370);
}
Process:
I started by mocking up my self portrait in Illustrator, to figure out the shapes and colors that would work best for this assignment. I found it easier to rough it out in Illustrator and in my sketchbook as opposed to diving in with code without first planning out how I wanted it to look. After I figured out the way I generally wanted it to look in Illustrator, I used the ruler function to find the x and y coordinates for each shape to insert into my code. Once I had coded everything to the exact coordinates that I had in Illustrator, I further tweaked some of the facial elements to get everything the way I wanted. I messed around with adding colored strokes to certain elements, as well as adding a neck, but decided in the end to keep to simple, rounded shapes to unify the composition.