self portrait

sketch.js

function setup() {
    createCanvas(350, 350);
    background(0);
}

function draw() {

	fill (45,34,30);//hair
	stroke(45,34,30);
	ellipse (200,230,310,400);


	fill (255,205,148); //face
	ellipse(200,200,230,300);

	stroke (255,205,148); //neck
	rect(148,290,98,90);
	
	stroke(255,205,148) //ear
	ellipse(80,200,60,80);

	ellipse(315,200,60,80); //ear

	fill (253,180,115);
	ellipse (320,200,30,60);//inner ear
	ellipse(70,200,30,60)

	noFill();
	stroke (209,119,0);//earrings
	ellipse (320,265,35,60);
	ellipse (80,265,35,60);
	strokeWeight(4);

	/*fill (139,0,0);//lips
	stroke (139,0,0);
	triangle(230,300,150,250,150,300);
	fill (255,20,147);//inside
	stroke (139,0,0);
	triangle(230,300,150,250,150,300);*/

	if (mouseIsPressed) {
		fill (139,0,0);
		stroke (139,0,0);
		ellipse (200,290,80,80);
		fill (255,20,147);
		ellipse (200,290,79,79);
	} else {fill (139,0,0);//lips
		stroke (139,0,0);
		triangle(230,300,150,250,150,300);
		fill (255,20,147);//inside
		stroke (139,0,0);
		triangle(230,300,150,250,150,300);
	}


	stroke(253,180,115); //hairpart
	line (200, 29, 200, 53);

//nose
	fill(253,180,115);
	ellipse (200,230,30,30);
	ellipse (212,230,20,20);
	ellipse (188,230,20,20);

	rect(190,150,20,80);

	stroke(255,205,148);
	line (195,230,195,60);


	//eyebrows
	stroke(253,180,115);
	rect (220,150,70,5);
	rect (110,150,70,5);


	//Eyes
	fill(255,255,255);
	rect (220,170,70,7);
	rect (110,170,70,7);

	fill (0,0,0);
	stroke(0,0,0);
	rect (222,172,3,3);
	rect (112,172,3,3);

	console.log("dsklhflasdh");




}

I had fun doing this assignment and seeing what I can create visually with code. I gave myself some attitude with a side eye look and I added an if mouse is pressed variable to show me talking.