Category: Project-01-Face

Project 1: My Self Portrait

sketch
function setup() {
    createCanvas(400,400);

}

function draw() {
    background(0,0,0);

    fill(92,83,75);
    ellipse(200,200,230,250)
    rect(90,200,220,160)

    fill(220,196,160);
    rect(185,300,30,60)
    ellipse(300,200,30,40);
    ellipse(100,200,30,40);
    ellipse(200,200,190,210)


    fill(0,0,0)
    rect(230,185,3,10)
    rect(239,185,3,10)
    rect(220,185,3,10)
    rect(160,185,3,10)
    rect(170,185,3,10)
    rect(179,185,3,10)

    fill(240,230,208)
    triangle(200,175,190,235,210,235)

    fill(255,255,255);
    ellipse(170,200,25,20);
    ellipse(230,200,25,20);

    fill(0,0,0)
    ellipse(230,200,10,10);
    ellipse(170,200,10,10);

    fill(92,83,75);
    rect(140,170,40,5)
    rect(210,170,40,5)
    rect(200,90,8,60) 
    rect(170,90,8,60)  
    rect(210,90,8,60) 
    rect(230,90,8,60) 
    rect(150,90,8,60) 
    rect(140,90,8,60) 

    fill(185,119,96)
    ellipse(200,260,50,5)


    fill(180,180,180)
    ellipse(200,420,200,200)

    fill(214,214,214)
    rect(95,215,5,20)
    rect(300,215,5,20)
   




}

Project 1: My Self Portrait

sketch
function setup() {
    createCanvas(500, 400);
    background(0);
}

function draw() {
    noStroke();
    fill(255);
    ellipse(250,210,210,280);
    fill(252,192,210);
    ellipse(250,200,180,220);
    rect(225, 300, 50, 40);
    arc(250,320,100,100, 0, PI, CHORD);
    stroke(0);
    fill(255); 
    noStroke(); 
    arc(250, 250, 70, 40, 0, PI, CHORD); //mouth
    fill(0);
    stroke(0);
    circle(220, 200, 20);
    circle(280, 200, 20);
    noFill();
    arc(240, 200, 20, 50, 0, HALF_PI);
    arc(244, 230, 20, 10, 0, PI + QUARTER_PI); 
    noStroke();
    fill(184, 120, 138);
    ellipse(200, 230, 30, 20);
    ellipse(300 , 230, 30, 20);
    rect(200, 170, 40, 10);
    rect(260, 170, 40, 10);
    noFill();
    stroke(255);
    strokeWeight(5)
    line(250, 80, 250, 150);   
    line(230, 80, 230, 150);   
    line(210, 90, 210, 150);   
    line(270, 80, 270, 150);   
    line(290, 90, 290, 150);   


    noLoop();


}

Project 01: Self Portrait

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

function draw() {
    background(118,148,115);
    noStroke();
    fill(246, 153, 138);
    ellipse(90,102,130,125);//leftheart
    noStroke();
    fill(246, 153, 138);
    ellipse(210,102,130,125);//rightheart
    noStroke();
    fill(246, 153, 138);
    triangle(38,140,width/2,270,262,140);//heartbottom
    noStroke();
    fill(0,0,0);
    ellipse(150,139,100,110);//hair
    noStroke();
    fill(0,0,0);
    quad(100,145,90,190,210,190,200,145);//hair2
    noStroke();
    fill(227,194,148);
    ellipse(150,150,90,100);//face
    noStroke();
    fill(0,0,0);
    ellipse(130,145,15,10); //left_eyelash
    noStroke();
    fill(227,194,148);
    ellipse(130,143,15,10); //left_eyelid
    noStroke();
    fill(0,0,0);
    ellipse(167,145,15,10); //right_eyelash
    noStroke();
    fill(227,194,148);
    ellipse(167,143,15,10); //right_eyelid
    noStroke();
    fill(246, 153, 138);
    ellipse(175,157,15,10); //right_cheek
    noStroke();
    fill(246, 153, 138);
    ellipse(123,157,15,10); //left_cheek
    noStroke();
    fill(0,0,0);
    ellipse(width/2,167,20,15); //mouth
    noStroke();
    fill(227,194,148);
    ellipse(width/2,165,20,15); //mouth2;
    noStroke();
    fill(0,0,0);
    triangle(100,160,width/2,100,115,100); //hairleft;
    noStroke();
    fill(0,0,0);
    triangle(200,160,width/2,100,185,100); //hairright;
    fill(185, 73, 217);
    triangle(161,120,170,137,185,120);//leftclip
    fill(185, 73, 217);
    triangle(195,103,205,120,185,120);//rightclip
    fill(248, 237, 104);
    quad(177,118,186,114,190,122,182,127);//clipmiddle
}

I found it challenging to have to keep guessing and checking where to code the corners of the triangles/quadrilaterals to go, that was probably the most tedious part of the process.

Project 1: My Self Portrait

sketchDownload
function setup() {
    createCanvas(500, 600);
    background(216,191,216);
}

function draw() {

    strokeWeight(0);
    fill(51,0,0);
    ellipse(250,219,233,165);

    strokeWeight(0);
    fill(51,0,0);
    rect(133,213,233,273);

    strokeWeight(0);
    fill(210,180,140);
    rect(208,375,84,45);

    strokeWeight(0);
    fill(210,180,140);
    ellipse(251,465,280,110); //shoulders

    strokeWeight(0);
    fill(210,180,140);
    rect(112,465,280,144);

    strokeWeight(0);
    fill(222,184,135);
    ellipse(250,285,188,226); //face

    strokeWeight(0);
    fill(0);
    rect(155,422,10,72)

    strokeWeight(0);
    fill(0);
    rect(334,422,10,72)

    strokeWeight(0);
    fill(0);
    rect(153,475,194,125)

    strokeWeight(0);
    fill(128,0,0);
    ellipse(251,340,83,43);

    strokeWeight(0);
    fill(222,184,135);
    ellipse(251,325,95,30);

    strokeWeight(0);
    fill(0);
    ellipse(209,270,28,28);

    strokeWeight(0);
    fill(0);
    ellipse(292,270,28,28);

    strokeWeight(0);
    fill(222,184,135);
    ellipse(209,280,24,29);

    strokeWeight(0);
    fill(222,184,135);
    ellipse(292,280,24,29);

    strokeWeight(0);
    fill(205,133,63);
    ellipse(250,310,32,22);

    strokeWeight(0);
    fill(222,184,135);
    ellipse(250,305,32,22);

    strokeWeight(0);
    fill(245,222,179);
    ellipse(250,301,29,22);

}

The most challenging part of this project was having to do a lot of trial and error because I had to keep reopening the index.html file to see whether or not my illustration was coming out correctly.

Project 1: My Self Portrait

sketch
function setup() {
    createCanvas(400,600);
    background(255);
}

function draw() {
    fill(166,196,255);
    rect(0,0,399,599);
    fill(255,238,189);
    rect(235,280,35,300);
    ellipse(250,280,200,270);
    fill(255,255,255);
    circle(200,220,50);
    circle(300,250,80);
    fill(0,0,0);
    circle(190,220,15);
    circle(280,250,15);
    fill(247,126,148);
    arc(250, 280, 80, 80, 0, PI + QUARTER_PI, CHORD);
    fill(0,0,0);
    triangle(160,140,180,190,250,145);
    triangle(200,150,220,100,275,155);
    triangle(250,150,280,120,300,165);
    triangle(290,160,310,140,330,200);
    fill(0,0,0);
    rect(225,500,80,199);
    noLoop();
    

}

Project 1: My Self Portrait

function setup() {
    createCanvas(800, 600);
}
function draw() {
    background(249,246,238);//face color
    fill(5,5,5); //black hair 
    rect(0,0,70,600);
    rect(100,0,40,600);
    rect(720,0,70,600);
    rect(650,0,40,600);
    fill(118,93,53);//highlights
    rect(70,0,30,600);
    rect(690,0,30,600);

    fill(5,5,5);//eyebrows
    strokeWeight(18);
    line(450,150,550,140);//right eyebrow
    line(550,140,590,155);
    line(350,150,250,140);//left eyebrow
    line(210,155,250,140);

    fill(255,255,255);//eyes
    ellipse(260,250,50,60);//left eye
    ellipse(530,250,50,60);//right eye
 
    fill(48,43,36);//lashes
    line(260,200,260,210);//left 1
    line(240,200,250,210);//left 2
    line(530,200,530,210);//right 1
    line(550,200,540,210);//right 2

    fill(48,43,36);//eyebags
    strokeWeight(13);
    line(275,290,240,330);//left 
    line(535,290,560,330);//right 

    fill(208,165,105);//nose
    triangle(400,250,360,350,440,350);

    fill(179,78,50);//lips
    strokeWeight(7);
    arc(350,400,200,90,0,HALF_PI,CHORD);

    noLoop();
}

My project is a very zoomed in version of my face and emphasizes my highlights, and is mostly symmetrical other than my mouth.

Project 1: Sukonrat Self Portrait


function setup() {
    createCanvas(700, 700);
    background(212, 246, 232);
}

function draw() {
    fill(246, 212, 226)     
    stroke(246, 212, 226)
    triangle(400,160,585,123,573,582)    // pastel pink
    fill(246, 212, 226)
    stroke(246, 212, 226)
    triangle(205,383,290,383,250,552)    // pastel pink
    fill(224, 213, 246)
    stroke(224, 213, 246)
    triangle(391,356,200,700,500,700)       // pastel purple
    fill(246, 232, 212)     
    stroke(246, 232, 212)
    ellipse(391,356,342,407)     // pastel orange
    fill(246, 212, 226)
    stroke(246, 212, 226)
    triangle(253,123,500,100,185,423)    // pastel pink
    fill(232, 212, 246)     
    stroke(232, 212, 255)
    ellipse(301,336,42,107)     // pastel purple
    fill(209, 170, 237)     
    stroke(209, 170, 237)
    ellipse(321,346,22,57)     // pastel purple
    fill(232, 212, 246)     
    stroke(232, 212, 255)
    ellipse(481,356,52,147)     // pastel purple
    fill(209, 170, 237)   
    stroke(209, 170, 237)
    ellipse(491,376,22,67)     // pastel purple
    fill(213, 227, 246)
    stroke(213, 227, 246)
    ellipse(390,451,32,71)       // pastel blue
    fill(246, 232, 212)     
    stroke(246, 232, 212)
    ellipse(390,411,32,71)       // pastel blue

}
.

I found finding coordinates for many sided shapes or ellipses and figuring out where everything should go more difficult than I thought.

Project 1: Self Portrait

Project 1: Self Portrait

// at least 10 graphic elements -> quad, triangle, ellipse,
//square, arc, line, point

function setup() 
{
    createCanvas(200, 200);
    background(255, 0, 0);
}

function draw() 
{
    strokeWeight (0);

//lines in background
    strokeWeight (10);
    stroke (255, 255, 255); // white lines
    line (0, 200, 200, 0);
    line (30, 200, 200, 30);

    stroke (0, 0, 0); //black lines
    line (0, 0, 200, 200);
    line (30, 0, 200, 170);

    line (0, 150, 50, 200);
    line (0, 120, 80, 200);
    strokeWeight(0);

//earrings
    fill (0, 255, 255);
    triangle (45, 170, 65, 170, 55, 140);
    triangle (155, 170, 135, 170, 145, 140);
    fill (255, 255, 0);
    circle (55, 140, 7);
    circle (145, 140, 7);

//head
    fill (185, 255, 218);
    ellipse(100, 100, 100, 120);

    ellipse (100, 200, 200, 40);
    fill (0, 0, 102);
    arc (100, 100, 100, 120, PI + HALF_PI, HALF_PI, CHORD);
    arc (100, 200, 200, 40, PI, PI + HALF_PI);
    circle (80, 85, 15);
    fill (185, 255, 218);
    circle (120, 85, 15);
    fill (255, 255, 255);
    ellipse (100, 130, 50, 15);
    fill (210, 0, 0);
    circle (65, 110, 18);
    circle (135, 110, 18);

//hat
    fill (0, 0, 102);
    rect (55, 30, 90, 20);
    rect (75, 5, 50, 40);
    
    fill (185, 255, 218);
    rect (100, 30, 45, 20);
    rect (100, 5, 25, 40);

noLoop ();
}

Project 1: My Self Portrait

beans-sketch

//Yeon Lee, Section C
//Project 01: Self-Portrait (Face)

function setup() {
    createCanvas(600, 500);
    background(255, 192, 203);
}

function draw() {
    noStroke();

    //hair
    fill(32, 20, 7);     
    rect(165, 210, 270, 300);
    ellipse(300, 220, 270, 270);

    //shoulder
    fill(251, 206, 158);    
    rect(150, 450, 300, 140);
    ellipse(300, 450, 320, 50);

    //cloth
    fill(63, 146, 208);    
    rect(140, 470, 320, 100);
    ellipse(150, 475, 40, 100);
    ellipse(450, 475, 40, 100);

    //neck
	fill(251, 206, 158);    
    rect(270, 380, 60, 60);

    //ear
    ellipse(207, 280, 50, 50); 

    //side hair
    fill(32, 20, 7);   
    ellipse(200, 270, 10, 80); 

    //neck shadow
    fill(238, 189, 138);    
    ellipse(300, 380, 60, 40);

    //face
    fill(251, 206, 158);    
    ellipse(300, 260, 202, 250);

    //eyebrow
    fill(26, 15, 3);    
    arc(250, 250, 35, 13, PI, 0);
    arc(350, 250, 35, 13, PI, 0);
    
    //left eye
    fill(26, 15, 3);    
    ellipse(250, 280, 27, 32);
    fill(255, 255, 255);
    ellipse(255, 275, 7, 7);
    fill(238, 189, 138);
    arc(248, 298, 27, 10, PI, 0);

    //right eye
    fill(26, 15, 3);    
    ellipse(350, 280, 27, 32);
    fill(255, 255, 255);
    ellipse(355, 275, 7, 7);
    fill(238, 189, 138);
    arc(348, 298, 27, 10, PI, 0);
    
    //nose
    fill(238, 189, 138);    
    arc(300, 315, 20, 10, PI, 30);

    //mouth
    fill(216, 100, 100);    
	arc(300, 335, 50, 45, 0, PI, CHORD);

    //tongue
	fill(193, 66, 66);     
	ellipse(300, 348, 20, 10);

    //teeth
	fill(255, 255, 255);    
	ellipse(300, 335, 40, 5);

    //earring
    fill(255, 255, 255);    
    rect(199.5, 310, 1, 25);
    ellipse(200, 340, 10, 10);
    ellipse(200, 330, 7, 7);

    //front hair
    fill(32, 20, 7);     
    rect(168, 400, 35, 180);
    rect(395, 245, 40, 260);
    arc(190, 150, 270, 220, -0.2, HALF_PI);
    rotate(.80);
    translate(-180, -145)
    ellipse(580, 10, 150, 60);

    noLoop();
}

For this first project, it was quite challenging to work with arc(), PI/CHORD, rotate(), and translate() functions but it was really fun to explore with the codes. I had fun playing around with different colors and changing the sizes of the image I wanted to create.

Project 1: My Self Portrait

kstargio-01-selfportraitDownload
// Katherine Stargiotti, kstargio, B

function setup() {
    createCanvas(1000, 500);
    background(220);
    text("kstargio, Self-Portrait Project1", 10, 15);
}

function draw() {
//HEAD:
    noStroke();
	fill(221,159,131);							//skin tone
	ellipse(500, 200, 280, 300);
	ellipse(500, 270, 215, 305);
	quad(633,240, 367,240, 421,375, 579,375);
	line(637.5,200,725,300);
	ellipse(433, 280, 95, 125);
	ellipse(567, 280, 95, 125);					//head
		fill(231,159,133);
	ellipse(434, 285, 85, 70);
	ellipse(566, 285, 85, 70);					//cheeks
//EYES:
		fill(255);		//white
	ellipse(450, 250, 50, 20);
	ellipse(550, 250, 50, 20);
	arc(450, 250, 50, 26, PI, 0);
	arc(550, 250, 50, 26, PI, 0);				//eyeballs
		fill(58,27,25);		//brown
	arc(450, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+(QUARTER_PI), OPEN);
	arc(550, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, OPEN);			
		fill(0);			//black
	ellipse(450, 246.5, 15, 15);
	ellipse(550, 246.5, 15, 15);				//pupils
		fill(255);
	ellipse(455, 245, 5, 5);
	ellipse(555, 245, 5, 5);
	ellipse(456, 249, 2, 2);
	ellipse(556, 249, 2, 2);					//glare
//EYELINER:
		noFill();
		stroke(0);
		strokeWeight(.75);
	arc(450, 250, 50, 20, (QUARTER_PI)/8, PI-(QUARTER_PI)/8);
	arc(550, 250, 50, 20, (QUARTER_PI)/8, PI-(QUARTER_PI)/8); 		//bottom line
		strokeWeight(1);
 	arc(450, 250, 50, 26, PI, 0);
	arc(550, 250, 50, 26, PI, 0); 
		strokeWeight(1.75);
 	arc(450, 250, 50, 26, PI, PI+HALF_PI+(7*(HALF_PI)/8));
	arc(550, 250, 50, 26, PI+(QUARTER_PI)/4, 2*PI); 
		strokeWeight(2.5);
 	arc(450, 250, 50, 26, PI, PI+HALF_PI+(6*(HALF_PI)/8));
	arc(550, 250, 50, 26, PI+(QUARTER_PI)/2, 2*PI); 
//EYELASHES:
	    strokeWeight(1);
	arc(423, 245, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);		//left top
	arc(424, 243, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);	
	arc(425, 241, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(426, 239, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(428, 238, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(430, 236.5, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(432, 235, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
	arc(434, 234, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(436, 233, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(438, 232, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);	
	arc(440, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(442, 231.5, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(445, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(.75);
	arc(447, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(449, 231.5, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(451, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(.5);
	arc(453, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(455, 232, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(456, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(1);
	arc(425, 257, 10, 8, PI+(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);		//left bottom
	arc(426, 258, 9, 8, PI+(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);	
		strokeWeight(.5);
	arc(427, 259, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
	arc(428, 260, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
	arc(430, 261, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
		strokeWeight(1);
	arc(578, 245, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);			//right top
	arc(577, 243.5, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(576, 242, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(574, 240.5, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);
	arc(573, 239, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(572, 237, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(569, 236, 15, 12, QUARTER_PI/4, HALF_PI+(QUARTER_PI)/8);
	arc(569, 235.5, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(568, 234, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(565, 233.5, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);	
	arc(564, 233, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(562, 232.5, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(560, 232, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(.75);
	arc(558, 232, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(556, 231.5, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(554, 231, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(.5);
	arc(552, 231.5, 10, 8, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(550, 231.5, 10, 8, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(548, 231.5, 10, 8, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(1);
	arc(575, 257, 10, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);	//right bottom
	arc(574, 258, 9, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
		strokeWeight(.5);
	arc(573, 259, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
	arc(572, 260, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
	arc(570, 261, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
//EYEBROWS:
		fill(50, 26, 25);		//brow brown
	quad(423,207, 480,213, 480,223, 423,214);
	arc(421.5, 222, 45, 30, PI-(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);
		fill(221,159,131);		//skin tone
		stroke(50, 26, 25);
	arc(425, 226, 55, 21, PI, PI+HALF_PI+(QUARTER_PI)/2);
		fill(221,159,131);		//skin tone
		noStroke();
	arc(425, 226, 53, 21, HALF_PI+QUARTER_PI, PI+HALF_PI);									//left brow
        fill(50, 26, 25);		//brow brown
	quad(579,207, 520,213, 520,223, 579,215);
	arc(582, 222, 45, 30, PI+QUARTER_PI, QUARTER_PI);
		fill(221,159,131);		//skin tone
		stroke(50, 26, 25);
	arc(578, 226, 55, 21, PI+HALF_PI, 0);
		fill(221,159,131);		//skin tone
		noStroke();
	arc(578, 226, 55, 21, PI, QUARTER_PI);													//right brow
//NOSE:
        noFill();
		stroke(50);
	arc(439, 285, 95, 175, PI+HALF_PI+QUARTER_PI, 0);
	arc(561, 285, 95, 175, PI, PI+QUARTER_PI);
//MASK ELASTIC:
		fill(172, 198, 209);
		stroke(172, 198, 209);
		strokeWeight(2);
	line(430,385, 370,275);
	line(572,385, 630,275);	
//EARS:
		noStroke();
		fill(221,159,131);		//skin tone
	ellipse(370,270, 30, 50);
	ellipse(375,295, 25, 30);
	ellipse(630,270, 30, 50);
	ellipse(625,295, 25, 30);

//MASK:
		fill(172, 198, 209);
		stroke(172, 198, 209);
		strokeWeight(2);
	line(375,265, 365,245);
    line(625,265, 635,245);
		strokeWeight(1);
	arc(500, 287, 45, 30, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2);
	quad(500,280, 375,265, 428,385, 475,425);
	quad(500,280, 625,265, 574,385, 525,425);
	quad(475,425, 525,425, 525,282, 475,282);
//BUN:
	   	fill(19, 16, 13);
	   	stroke(19, 16, 13);
	ellipse(525, 50, 130, 90);
		noFill();
		strokeWeight(1);
	arc(530, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	    stroke(37, 29, 26);
	arc(527, 78, 154, 142, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 155, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 156, 145, HALF_PI+QUARTER_PI, QUARTER_PI);	
		stroke(19, 20, 12);
		strokeWeight(4);
	
    arc(527, 77, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 77, 160, 147, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(526, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI/2);
    arc(527, 77, 150, 135, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(528, 77, 145, 147, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(526, 75, 140, 145, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	
    arc(527, 78, 135, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 130, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 125, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
		stroke(50, 26, 25);
    arc(527, 78, 120, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 115, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
		   	stroke(19, 16, 13);
	arc(526, 75, 110, 145, HALF_PI+QUARTER_PI, QUARTER_PI); 
    arc(527, 78, 100, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 95, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 105, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 90, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 85, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
			stroke(41, 31, 29);
	arc(526, 75, 80, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(527, 78, 75, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 70, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 65, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	    	stroke(50, 26, 25);
    arc(527, 78, 60, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 55, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
		    stroke(37, 29, 26);
	arc(526, 75, 50, 145, HALF_PI+QUARTER_PI, QUARTER_PI); 
    arc(527, 78, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 40, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 35, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 30, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
		   	stroke(19, 16, 13);
	arc(528, 79, 25, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 20, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 15, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 10, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 5, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 3, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 57, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 103, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
//HAIR:
		noFill();
		stroke(19, 16, 13);
		strokeWeight(32);
	arc(500, 200, 230, 250, PI+QUARTER_PI, PI+HALF_PI+QUARTER_PI);
		strokeWeight(26);
	arc(500, 200, 245, 265, PI+(QUARTER_PI)/2+(QUARTER_PI)/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/4);
		strokeWeight(20);
	arc(500, 200, 255, 275, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2);
		strokeWeight(15);
	arc(500, 200, 260, 280, PI+(QUARTER_PI)/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2+(QUARTER_PI)/4);
		strokeWeight(11);
	arc(500, 200, 265, 285, PI, 0);
		strokeWeight(8);
	arc(500, 200, 275, 295, HALF_PI+QUARTER_PI+(QUARTER_PI)/2+(QUARTER_PI)/4, (QUARTER_PI)/4);
		strokeWeight(5);
	arc(500, 200, 275, 300, HALF_PI+QUARTER_PI+(QUARTER_PI)/2, (QUARTER_PI)/2);
		fill(19, 16, 13);
	arc(500, 175, 260, 245, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2, CHORD);
	arc(500, 100, 165, 65, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, CHORD);
}

I found this project to be challenging because of the amount of detail I like to use when creating art. With only primitive shapes/tools at my disposal, it was very difficult to use as much detail as I would have liked.