//Allison mui
//15-104 Section A
//amui1@andrew.cmu.edu
//Project-01
function setup() {
createCanvas(600,600);
background(255);
}
function draw() {
strokeWeight(0);
fill(255,240,245);
rect(0,0,300,600);
fill(255,228,225)
rect(300,0,300,600);
//head
//hair
fill(0);
arc(300,292,380,380,PI, HALF_PI*3);
fill(0);
rect(110,292,250,250);
arc(300,292,350,350,HALF_PI*3, 0);
rect(350,292,125,250);
//neck
strokeWeight(1);
fill(247,193,155);
rect(260,420,75,80,20);
//ear
fill(247,193,155);
ellipse(170,300,40,40);
ellipse(430,300,40,40);
fill(255,240,245);
ellipse(170,300,20,20);
ellipse(430,300,20,20);
//face
fill(247,193,155);
ellipse(300,300,270,300);
fill(0);
arc(173,150,250,200,0,HALF_PI);
//eyes
line(200,265,206,268);
line(196,272,201,274);
line(193,280,200,283);
line(395,270,402,267);
line(398,278,405,275);
line(401,285,408,283);
fill(255);
strokeWeight(3);
arc(240,290.5,80,77,PI, TWO_PI);
arc(360,290.5,80,77,PI, TWO_PI);
fill(63,42,20);
ellipse(240,272.5,40,33);
ellipse(360,272.5,40,33);
fill(0);
ellipse(240,272,20,20);
ellipse(360,272,20,20);
fill(255);
strokeWeight(0);
ellipse(250,265,10,10);
ellipse(365,265,10,10);
//nose
strokeWeight(2);
arc(310,325,2,25,3*HALF_PI, HALF_PI);
noFill();
arc(300,350,20,10,TWO_PI, PI);
//mouth
fill(255);
strokeWeight(0);
arc(300,380,100,65,TWO_PI, PI);
//laughmark
strokeWeight(2);
line(200,240,260,235);
line(330,235,390,240);
noFill();
strokeWeight(1);
arc(215,395,5,12,3*HALF_PI, HALF_PI);
arc(385,395,5,12,HALF_PI, 3*HALF_PI);
//shirt
fill(135,206,260);
arc(300,630,380,300,PI, TWO_PI)
}
My portrait is made of rectangles, arcs, circles, and curves. My process consisted of a lot of trial and error and looking for help in the p5js reference directory. I first started off with the head shape and then built off of that. I am happy with my product. However, in the future, I would like to learn how to add more details to my face to improve my portrait further.