Month: September 2020

Project 1: Self Portrait

sketchDownload
//order of layers: bkg > sweater > chest > face > features 
//top to bottom > hair
//bkg: 244, 228, 203
//sweater: 204, 191, 174
//chest: 216, 174, 136
//face: 220, 189, 149
	//eye whites: 235, 219, 215
	//iris & brows: 86, 73, 66
	//lip1: 221, 143, 139
	//lip2: 179, 109, 105


function setup() {
    createCanvas(800, 1000);
    background(244, 228, 203);						//bkg
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	noStroke();

	fill(204, 191, 174);							//sweater
	rect(650, 600, 150, 200);

	fill(216, 174, 136);							//chest skin
	rect(400, 650, 250, 350);
	arc(650, 875, 50, 250, 0, HALF_PI);

	fill(220, 189, 149);							//face skin
	rect(100, 200, 500, 300);
	arc(400, 675, 250, 100, 0, HALF_PI);
	rect(400, 500, 125, 175);

	fill(63, 60, 73);								//hair 
	arc((425/2), 180, 200, 200, PI, TWO_PI);		//hair positive
	arc(350, 80, 300, 125, 0, TWO_PI);
	arc(500, 250, 250, 350, PI+HALF_PI, TWO_PI);
	arc(125, 400, 250, 450, PI, PI+HALF_PI);
	arc(400, 1000, 250, 550, 0, TWO_PI);
	rect(0, 375, 150, 350);
	rect(0, 725, 400, 275);
	arc(800, 600, 600, 650, 0, PI);
	rect(625, 250, 175, 350);
	rect(150, 450, 100, 200);
	rect(150, 650, 250, 75);
	rect(125, 150, 100, 75);
	arc(125, 225, 100, 300, 0, HALF_PI);
	rect(275, 75, 225, 175);
	rect(500, 250, 125, 150);
	rect(550, 400, 75, 200);
	arc(550, 600, 100, 400, PI, PI+HALF_PI);

	fill(220, 189, 149);							//face skin
	arc(300, 250, 400, 225, PI+HALF_PI, TWO_PI);	//hair negative
	arc(300, 225, 250, 175, 0, PI+HALF_PI);
	arc(400, 375, 550, 700, HALF_PI, PI);
	arc(500, 400, 100, 300, PI+HALF_PI, TWO_PI);
	arc(320, 397, 490, 515, PI+HALF_PI, TWO_PI);
	fill(63, 60, 73);								//hair
	arc(575, 600, 150, 500, PI, PI+HALF_PI);		
	fill(244, 228, 203);							//bkg
	arc(800, 250, 350, 400, HALF_PI, PI);

	fill(86, 73, 66);								//brow
	arc((425/2), (725/2), 75, 100, PI, PI+HALF_PI);	//left brow
	strokeWeight(51/2);
	stroke(86, 73, 66);
	line((425/2), 325, 300, 333);
	noStroke();
	rect(200, 325, 50, 25)
	fill(220, 189, 149);							//face skin
	noStroke();
	rect(250, 325, 75, 25);
	fill(86, 73, 66);								//brow
	arc(250, 325, 120, 40, 0, PI);
	fill(220, 189, 149)								//face skin
	arc((425/2), (725/2), 75, 50, PI, PI+HALF_PI);
	arc((425/2), (725/2), 175, 50, PI+HALF_PI, TWO_PI);

	fill(86, 73, 66)								//brow
	arc(475, 300, 100, 50, PI+HALF_PI, TWO_PI);		//right brow
	strokeWeight(25);
	stroke(86, 73, 66);
	line(400, (625/2), 475, (575/2))
	noStroke();
	fill(220, 189, 149)								//face skin
	arc(500, 302, 50, 15, PI, TWO_PI);
	arc(476, 325, 275, 50, PI, PI+HALF_PI);
	fill(86, 73, 66);								//brow
	arc(431, 300, 90, 20, 0, HALF_PI);
	ellipse(420, 308, 62, 25);
	strokeWeight(10)
	stroke(220, 189, 149)							//face skin
	line(480, 303, 400, 330)
	noStroke();

	fill(216, 174, 136)								//chest skin
	arc(425, 375, 75, 250, HALF_PI, PI);			//nose bridge
	fill(220, 189, 149);							//face skin
	arc(425, 375, 75, 200, HALF_PI, PI);

	fill(216, 174, 136);							//chest skin
	arc(262, 400, 100, 30, PI, TWO_PI);				//left eye
	arc(250, 400, 125, 50, 0, HALF_PI);
	arc(250, 400, 75, 50, HALF_PI, PI);
	fill(235, 219, 215);							//eye white
	strokeWeight(2);
	stroke(63, 60, 73)								//hair
	arc(275, 400, 75, 20, PI+HALF_PI, TWO_PI);
	arc(275, 413, 100, 46, 	PI, PI+HALF_PI);
	noStroke();
	arc(275, 413, 100, 15, HALF_PI, PI);
	arc(275, 400, 75, 41, 0, HALF_PI);
	fill(86, 73, 66);								//iris
	ellipse(275, 406, 30, 30);

	fill(216, 174, 136);							//chest skin
	arc(475, 391, 116, 82, PI, PI+HALF_PI);			//right eye
	arc(475, 375, 75, 50, PI+HALF_PI, TWO_PI);
	arc(475, 375, 75, 32, 0, HALF_PI);
	fill(220, 189, 149);							//face skin
	rect(500, 350, 25, 50);
	fill(235, 219, 215);							//eye white
	strokeWeight(2);
	stroke(63, 60, 73)								//hair
	arc(450, 391, 60, 50, PI, PI+HALF_PI);
	arc(463, 370, 50, 13, PI, TWO_PI);
	noStroke();
	ellipse(443, 381, 25, 25);
	arc(450, 370, 75, 43, 0, HALF_PI);
	fill(220, 189, 149);							//face skin
	arc(440, 397, 75, 15, PI, TWO_PI);
	fill(86, 73, 66);								//iris
	ellipse(450, 378, 25, 25);

	fill(216, 174, 136)								//chest skin
	arc(425, 495, 35, 39, 0, TWO_PI);						//nose
	arc(350, 525, 50, 116, PI, PI+HALF_PI);
	ellipse(350, 525, 50, 32);
	ellipse(375, 525, 63, 16);
	rect(350, 475, 75, 50);
	fill(220, 189, 149);							//face skin
	ellipse(375, 480, 58, 45);
	ellipse(363, 535, 35, 28);
	ellipse(416, 522, 24, 24);

	fill(179, 109, 105)								//lip2
	arc(400, 600, 150, 75,HALF_PI, PI);				//bottom lip
	arc(400, 575, 150, 125, 0, HALF_PI);
	fill(220, 189, 149);							//face skin
	rect(375, 550, 50, 50);
	fill(221, 143, 139);							//lip1
	arc(413, 575, 125, 16, PI+HALF_PI, TWO_PI);		//top lip
	arc(413, 600, 50, 66, PI, PI+HALF_PI);
	arc(326, 575, 300, 66, 0, HALF_PI);
	arc(388, 600, 125, 50, PI, PI+HALF_PI);
	arc(388, 600, 50, 50 , PI+HALF_PI, TWO_PI);
	fill(220, 189, 149);							//face skin
	triangle(325, 610, 375, 575, 325, 575);			//top lip negative
	triangle(475, 580, 475, 567, 410, 567);
	triangle(475, 580, 480, 567, 475, 567);
	triangle(410, 567, 395, 575, 395, 567);

	noLoop();
}

Project 1: My Self Portrait

portrait cb
function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(137, 134, 76);

    //tree left base
    stroke(84, 70, 54);
    strokeWeight(10);
    line(-27, 38, 51, 200);
    noStroke();
    fill(84, 70, 54);
    rect(35, 0, 25, 600);
    
    //tree left leaves
    noStroke();
    fill(69, 67, 32, 100);
    ellipse(5, 152, 247, 105);
    fill(206, 198, 101, 100);
    ellipse(19, 254, 79, 33);
    ellipse(86, 212, 70, 30);
    ellipse(94, 78, 96, 41);
    ellipse(137, 98, 68, 29);
    fill(106, 114, 47, 150);
    ellipse(73, 25, 70, 28);

    //trees right base
    stroke(84, 70, 54);
    strokeWeight(20);
    line(420, 380, 610, 20)
    noStroke();
    fill(84, 70, 54);
    rect(500, 0, 30, 600);
    rect(405, 0, 45, 600);

    //trees right leaves
    noStroke();
    fill(106, 114, 47, 150);
    ellipse(447, 32, 256, 108);
    ellipse(556, 254, 142, 60);
    fill(69, 67, 32, 150);
    ellipse(525, 310, 84, 36);
    fill(206, 198, 101, 100);
    ellipse(508, 160, 98, 41);
    ellipse(412, 109, 52, 21);
    ellipse(340, 14, 166, 49);

    //hair back
    noStroke();
    fill(21, 17, 14);
    rect(182, 228, 238, 280);

    //left top hair behind
    noStroke();
    fill(21, 17, 14);
    ellipse(263, 228, 161, 191);

    //right top hair behind
    noStroke();
    fill(21, 17, 14);
    ellipse(317, 228, 206, 236);

    //shoulder
    noStroke();
    fill(209, 159, 134);
    rect(162, 485, 276, 134);
    ellipse(300, 486, 275, 101);

    //neck
    noStroke();
    fill(209, 159, 134);
    rect(260, 390, 80, 77);

    //face
    noStroke();
    fill(209, 159, 134);
    ellipse(301, 286, 201, 243);

    //left ear and earring
    noStroke();
    fill(209, 159, 134);
    ellipse(204, 297, 30, 66);
    fill(255);
    ellipse(201, 317, 10, 10);

    //right ear and earring
    noStroke();
    fill(209, 159, 134);
    ellipse(397, 297, 30, 66);
    fill(255);
    ellipse(399, 317, 10, 10);

    //mouth
    noStroke();
    fill(146, 89, 69);
    ellipse(301, 362, 55, 18);
    arc(301, 362, 55, 34, 0, PI);
    fill(255);
    ellipse(301, 362, 40, 5);

    //nose
    noStroke();
    fill(181, 131, 112);
    ellipse(301, 328, 28, 19);

    //left eye and brow
    noStroke();
    fill(45, 35, 32);
    ellipse(252, 292, 24, 24);
    fill(45, 35, 32);
    arc(252, 292, 34, 34, PI, TWO_PI);
    fill(255);
    ellipse(248, 290, 8, 8);
    fill(21, 17, 14);
    ellipse(245, 255, 47, 10);

    //right eye and brow
    noStroke();
    fill(45, 35, 32);
    ellipse(352, 292, 24, 24);
    fill(45, 35, 32);
    arc(352, 292, 34, 34, PI, TWO_PI);
    fill(255);
    ellipse(348, 290, 8, 8);
    fill(21, 17, 14);
    ellipse(356, 255, 47, 10);

    //top
    noStroke();
    fill(0);
    quad(194, 508, 408, 508, 398, 600, 204, 600);

    //left strap
    noStroke();
    fill(0);
    rect(202, 441, 10, 100);

    //hair on top of shoulder
    noStroke();
    fill(21, 17, 14);
    rect(340, 438, 80, 129);

    //front hair
    noStroke();
    fill(21, 17, 14);
    ellipse(202, 235, 10, 131);
    fill(21, 17, 14);
    ellipse(400, 235, 10, 131);
    fill(21, 17, 14);
    rotate(.78);
    translate(-210, -180)
    ellipse(600, 80, 187, 76);

    noLoop();
}

The most interesting part of this project was figuring out how to communicate a complex portrait through the construction of very simple elements. I had fun experimenting with different color/opacity values and layering shapes.

Project 01 – Self Portrait

This is my self portrait, with moving eyeballs

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

function draw() {
    background(181, 206, 203);
    noStroke();

    //hair back
    fill(80, 71, 104);
    ellipse(width/2-30, height/2+50, 300, 400);
    //neck
    fill(232, 199, 182);
    rect(250, 415, 80, 120)
    //hair in front of neck
    fill(80, 71, 104);
    ellipse(225, 460, 65, 155);
    //face
    fill(199, 171, 156);
    ellipse(width/2-30, height / 2, 200, 250);
    fill(232, 199, 182);
    ellipse(width/2, height/2, 150, 250);
    //eyebrows
    fill(121, 149, 155)
    triangle(162, 285, 190, 280, 217, 288);
    fill(121, 149, 155)
    triangle(253, 283, 275, 275, 300, 280);

    //hair front
        //right
    fill(80, 71, 104);
    ellipse(width/2+10, height/2-70, 140, 112);
    fill(80, 71, 104);
    ellipse(width/2+55, height/2+25, 55, 175);
    fill(80, 71, 104);
    ellipse(width/2+55, height/2+108, 65, 155);
        //left
    fill(80, 71, 104);
    arc(width/2-110, height/2-95, 135, 140, 7*PI/4, 3*PI/4);
    fill(80, 71, 104);
    ellipse(width/2-20, height/2-100, 100, 80);

    //eye shadow
    fill(206, 144, 140);
    arc(195, 314, 38, 27, PI, 0);
    fill(206, 144, 140);
    arc(279, 305, 38, 27, PI, 0);
    //wink eye
    fill(79, 63, 54);
    triangle(162, 312, 200, 306, 219, 316);
    fill(79, 63, 54);
    triangle(172, 302, 195, 310, 185, 313);
    fill(79, 63, 54);
    triangle(178, 300, 202, 312, 192, 313);
    //right eyelashes
    fill(79, 63, 54);
    triangle(265, 299, 280, 304, 305, 291);
    fill(79, 63, 54);
    triangle(265, 309-9, 280, 314-5, 305+5, 301-5);
    //right eye
    fill(79, 63, 54);
    ellipse(width/2-22, height/2+15, 50, 37);
    //moving pupil
        //setting boundaries
    if(mouseX < 250) {
        fill(232, 199, 182)
        circle(width/2-32, height/2+11, 13);
        circle(width/2-23, height/2+19, 6);
    }
    else if (mouseX > 366) {
        fill(232, 199, 182)
        circle(width/2-32, height/2+11, 13);
        circle(width/2-23, height/2+19, 6);
    }
    else if (mouseY < 305) {
        fill(232, 199, 182)
        circle(width/2-32, height/2+11, 13);
        circle(width/2-23, height/2+19, 6);
    }
    else if (mouseY > 442) {
        fill(232, 199, 182)
        circle(width/2-32, height/2+11, 13);
        circle(width/2-23, height/2+19, 6);
    }
        //movement
    else {
        fill(232, 199, 182);
        circle(mouseX-20, mouseY-20, 13);
        circle(mouseX-13, mouseY-13, 6);
    }
    //undereye shadow
    fill(199, 171, 156);
    triangle(268, 337, 277, 340, 294, 335);
    
    //ear
    fill(232, 199, 182);
    ellipse(width/2+30, height/2+35, 50, 50);
    fill(199, 171, 156);
    arc(width/2+33, height/2+30, 30, 30, 3*PI/2, PI/2)
    fill(232, 199, 182);
    arc(width/2+30, height/2+37, 30, 30, 3*PI/2, PI/2)
    //nose
    fill(232, 199, 182);
    triangle(219, 355, 228, 302, 237, 362);
    fill(199, 171, 156);
    triangle(238, 362, 248, 362, 253, 352);
    //mouth
    fill(168, 102, 98);
    arc(253, 385, 31, 25, 11*PI/12, 23*PI/12);
    fill(168, 102, 98);
    arc(260, 383, 37, 25, 23*PI/12, 11*PI/12);
    strokeWeight(2);
    stroke(155, 133, 121);
    line(230, 390, 290, 375);

    //clothes
    strokeWeight(5);
    stroke(181, 206, 203);
    fill(121, 149, 155);
    ellipse(width/2+4, 706, 300, 500);
}

Project 1 – Self Portrait

My imaginary self portrait

portrait
// Stefanie Suk
// 15-104 Section D

function setup() {
    createCanvas(600, 600);
    background(208, 233, 254);
    frameRate(10);
    // text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {

	// random circle background
	fill(random(255), random(255), random(255));
    ellipse(random(600), random(600), random(100), random(100));

	noFill();
	stroke(0);
	strokeWeight(10);
	rect(100, 100, 400, 400);

	// head and body
	noStroke();
	fill(255);
	ellipse(300, 680, 400, 600);
	fill(240);
	ellipse(305, 332, 305, 250);
	fill(255, 255, 255);
	ellipse(300, 300, 300, 300);
	ellipse(345, 350, 250, 200);
	ellipse(200, 200, 120, 120);
	ellipse(400, 205, 120, 120);

	// eyes
	stroke(0);
	strokeWeight(17);
	point(265, 320);
	point(370, 320);

	// mouth
	strokeWeight(5);
	fill(255, 0, 0);
	arc(320, 345, 50, 50, 0, PI, CHORD);

	// necktie and button
	fill(0);
	triangle(276, 465, 276, 503, 319, 484.5);
	triangle(361, 465, 361, 503, 319, 484.5);
	ellipse(319, 510, 5, 5);
	ellipse(319, 525, 5, 5);
	ellipse(319, 540, 5, 5);

	// blush
	noStroke();
	fill(249, 203, 203);
	ellipse(200, 350, 30, 30);
	ellipse(420, 350, 30, 30);

	fill(32, 69, 140);
	quad(264, 173, 280, 130, 324, 130, 343, 173);

}

Project 1: Self Portrait

An abstract version of myself.

portrait
function setup() {
    createCanvas(400, 400);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	 background(204, 245, 255);
  //left ear
  fill(250, 168, 69);
  stroke(0);
  strokeWeight(3);
  triangle(117, 167, 103, 208, 122, 226);
  //main circle
  fill(252, 219, 190);
  stroke(0);
  strokeWeight(3);
  ellipse(198, 171, 177, 177);
  //green triangle
  fill(148, 206, 146);
  strokeWeight(3);
  triangle(285, 199, 266, 277, 201, 314);
  //pink triangle
  fill(232, 172, 206);
  strokeWeight(3);
  triangle(117, 202, 136, 280, 201, 317);
  //right eye
  fill(108, 145, 191);
  stroke(250);
  strokeWeight(3);
  ellipse(240, 183, 21, 21);
  fill(0)
  noStroke();
  ellipse(240, 183, 11, 11);
  //left eye
  fill(250);
  stroke(0);
  strokeWeight(3);
  ellipse(164, 183, 21, 21);
  fill(0);
  noStroke();
  ellipse(164, 183, 11, 11);
  //middle face
  fill(228, 190, 152);
  stroke(0);
  strokeWeight(3);
  triangle(136, 231, 268, 239, 201, 314);
  //nose
  fill(229, 204, 181);
  triangle(199, 193, 190, 229, 205, 246);
  //lips
  fill(216, 114, 100);
  triangle(174, 264, 187, 256, 202, 264);
  triangle(201, 264, 215, 256, 229, 264);
  fill(238, 171, 163);
  triangle(174, 264, 202, 283, 229, 264);
  //right ear
  fill(241, 238, 141);
  triangle(287, 170, 297, 211, 279, 230);
  //brows
  noFill();
  line(228, 167, 250, 167);
  line(150, 167, 172, 167); 
  //right hair
  stroke(0);
  strokeWeight(3);
  noFill();
  bezier(190, 85, 200, 80, 170, 160, 280, 165);
  bezier(200, 85, 220, 100, 180, 155, 280, 160);
  bezier(215, 85, 230, 90, 190, 150, 280, 157);
  bezier(220, 85, 240, 85, 200, 145, 285, 153);
  bezier(240, 100, 250, 60, 210, 140, 300, 147);
  bezier(175, 84, 150, 100, 200, 160, 86, 166);
  bezier(172, 80, 140, 90, 190, 155, 86, 160);
  bezier(160, 100, 130, 80, 180, 150, 86, 155);
  bezier(150, 115, 120, 70, 170, 145, 86, 150);
}

Project 1 – Self Portrait

Week 1 Assignment: Self Portrait

sketch
//Iris Yip iyip
//15104 f2020 - Section D

function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(245, 173, 48);
  
  //hair, back

  fill(24,20,45)
  rect(80, 316, 450, 384) 
  ellipse(300, 300, 450);
  fill(14,14,14)
  rect(120, 316, 360, 284)
  fill(246, 245, 180)
  ellipse(300, 600, 400, 200)
  
  
  //neck + shirt
  noStroke();
  fill(225, 159, 110)
    ellipse(300, 492, 68, 100);
  
  
  //ears
  fill(225, 159, 110)
    ellipse(108, 317, 90+30, 100+30);
    ellipse(492, 317, 90+30, 100+30);
  fill(198, 127, 96)
    ellipse(108, 317, 90, 100);
    ellipse(492, 317, 90, 100);

  
  //face
  noStroke();
  fill(225, 159, 110)
    ellipse(300, 300, 385);
  
  
  //nose
  fill(198, 127, 96)
  ellipse(300, 316, 68, 126)
  fill(225, 159, 110)
  ellipse(300, 290, 120, 126)
  
  
    //eyes
  fill(255,255.255)
    ellipse(205, 290, 109, 76);
    ellipse(390, 290, 109, 76);
  fill(24,20,45)
    ellipse(390, 290, 50, 50);
    ellipse(205, 290, 50, 50);
  
  
  //mouth
  fill(188, 101, 86);
    ellipse(300, 440, 70, 20);
  fill(225, 159, 110)
    ellipse(300, 450, 70, 20);
  
  
  
  //eyelids
  fill(225, 159, 110)
    rect(148, 236, 307, 57)
  stroke(24,20,45);
  strokeWeight(10);
    line(150, 290, 260, 290)
    line(447, 290, 335, 290)
  
  
  
  //hair
  fill(24,20,45)
  arc(110, 170, 360, 250, 0, HALF_PI);
  rect(143, 146, 300, 40)
  rect(193, 106, 210, 40)
  arc(440, 120, 160, 260, 1, PI);
  fill(225, 159, 110)
  noStroke();
  ellipse(373, 197, 160, 110);
  fill(24,20,45)
  triangle(465, 230, 505, 240, 474, 435)
  triangle(96,240, 141, 240, 125, 435)
  
  stroke(188, 101, 86);
  noFill();
  arc(380, 280, 130, 20, PI + QUARTER_PI, TWO_PI)
  noFill();
  stroke(24,20,45)
  arc(260, 110, 100, 320, 0, HALF_PI);


  

  


}

Project 1 – Self Portrait

This is what I look like in code.

portrait
function setup() {
    createCanvas(600, 700);
    background(219, 246, 247);

}

function draw() {
    if(mouseX < 300 & mouseY < 350){
        background(180, 209, 211);
    }   else if (mouseX > 300 & mouseY < 350) {
        background(255, 231, 164);
    }  else if (mouseX < 300 & mouseY > 350){
        background(166, 126, 193);
    }   else {
        background(199, 71, 45);
    }

    noStroke();
    fill(0, 0, 2);  //hair
    ellipse(300, 400, 400, 600);

    fill(48, 82, 195);  //body
    ellipse(300, 700, 400, 600);

    fill(210, 170, 110);    //neck
    ellipse(300, 400, 200, 200);

    fill(0, 0, 0);  //hairline
    ellipse(300, 250, 300, 300);

    fill(235, 186, 123);    //skin
    ellipse(300, 300, 300, 350);

        fill(0, 0, 2);  //hairline
    ellipse(300, 250, 300, 300);

        fill(235, 186, 123);    //skin
    ellipse(300, 300, 250, 250);


    fill(0, 0, 0);      //eyes
    ellipse(230, 300, 40);
    ellipse(370, 300, 40);

    fill(255, 255, 255);
    ellipse(240, 290, 10);
    ellipse(380, 290, 10);

    fill(201, 153, 90);
    triangle(270, 370, 300, 300, 330, 370);     //nose

    fill(255, 150, 123);        //mouth
    arc(300, 400, 80, 80, TWO_PI, PI); 

    if (mouseIsPressed) {
        fill(235, 186, 123);      //eyes
    ellipse(230, 300, 50);
    ellipse(370, 300, 50);

    fill(0, 0, 0);
    rect(210, 300, 50, 5);
    rect(350, 300, 50, 5);

    }

    fill(46, 26, 2);
    rect(210, 250, 50, 10);
    rect(350, 250, 50, 10);

  

}

Project 1-Self Portrait

My self portrait! Got cut off though 🙁

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

function draw() {
	background(204, 234, 242)
	fill(255, 203, 87)
	noStroke();
	ellipse(600, 550, 898) // start hair
	fill(28, 13, 2)
	ellipse(600,428, 370)
	fill(40, 20, 3)
	rect(415, 428, 370, 303)
	fill(48, 23, 4)
	ellipse(600, 731, 370) // end hair
	
	fill(239, 192, 154) // start skin
	rect(385.5, 788, 429, 211)
	ellipse(600, 788.5, 428, 297)
	ellipse(600, 636, 112) 
	fill(244, 203, 166) // 
	rect(484.5, 417, 231, 43)
	ellipse(600, 427, 231, 218)
	ellipse(600, 518, 267) // end skin

	fill(0, 0, 0) // start eyes
	ellipse(545, 445, 35)
	ellipse(652, 445, 35)
	fill(244, 203, 166)
	ellipse(545, 460, 35)
	ellipse(652, 460, 35) // end eyes

	fill(224, 170, 148) // start nose
	ellipse(600, 518.5, 41, 15)
	fill(244, 203, 166)
	ellipse(600, 512, 41, 15)
	fill(249, 224, 205)
	ellipse(600, 507, 27, 14) // end nose

	fill(242, 181, 167) // start cheeks
	ellipse(516, 502, 69, 29)
	ellipse(682, 502, 69, 29) // end cheeks

	fill(255, 250, 240) // mouth
	ellipse(600, 568.5, 115, 73)
	fill(244, 203, 166)
	ellipse(600, 550, 136, 38) // mouth

	fill(255, 255, 255) // shirt
	rect(446.5, 761, 307, 238)
	rect(447, 678, 11, 90)
	rect(743, 678, 11, 90) 

	fill(239, 192, 154) // chest
	ellipse(600, 762, 289, 95)









}

Portrait

Portrait LaurelDownload
//Laurel Rountree
//D
function setup() {
    createCanvas(600, 600);
    background(600);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(35, 32, 39);
	noStroke();
	fill(96, 57, 19); //dark brown hair
	ellipse(width/2, 342, 365.4, 616.5);
	ellipse(240.5, 92.5, 100);
	ellipse(364, 92.5, 100);
	ellipse(191.5, 138, 100);
	ellipse(413, 138, 100);
	ellipse(156.3, 205, 100);
	ellipse(448.3, 205, 100);
	ellipse(139.5, 287, 100);
	ellipse(465, 287, 100);
	ellipse(123, 372, 100);
	ellipse(481.5, 372, 100);
	ellipse(139.7, 427, 100);
	ellipse(465, 427, 100);
	fill(135, 179, 142); // green hair band
	ellipse(width/2, 169.8, 231.4, 247.4);
	fill(96, 57, 19); //dark brown hair
	ellipse(width/2, 219, 231.4, 293);
	fill(152, 112, 71); //med brown body
	rect(77.5, 486, 445, 114);
	ellipse(width/2, 489, 445, 233);
	rect(250, 300, 99, 136);
	ellipse(width/2, 473, 244, 124);
	fill(135, 179, 142); //green shirt
	rect(180, 470, 237, 138);
	fill(38, 34, 98);
	ellipse(width/2, 473, 244, 124);
	fill(152, 112, 71); //med brown body
	ellipse(width/2, 445, 244, 124);
	fill(38, 34, 98);
	rect(166.25, 387.5, 25, 214);
	rect(410.3, 387.5, 25, 214);
	fill(169, 124, 80); //light brown face
	ellipse(width/2, 316.2, 175, 104.5);
	ellipse(246.7, 229.2, 112,248.5);
	ellipse(353.3, 229.2, 112, 248.5);
	ellipse(width/2, 229.2, 112, 248.5);
	ellipse(width/2, 142, 177.3, 104.5);
	ellipse(188, 232, 44.7, 83.8);
	ellipse(415,232, 44.7, 83.8);
	fill(130, 94, 60); //med brown eyelids
	ellipse(246.5, 194.5, 51.7, 36.3);
	ellipse(362, 194.5, 51.7,36.3);
	fill(169, 124, 80); //light brown eyelids
	ellipse(362, 196, 54.5, 34.3);
	ellipse(246.65, 196, 54.5, 34.3);
	fill(96, 57, 19); //dark brown face
	ellipse(361, 163.3, 58, 18);
	ellipse(246.5, 163.3, 58, 18);
	ellipse(311, 293, 86, 73);
	ellipse(246.3, 200.2, 55.5, 39);
	ellipse(361, 200.2, 55.5, 39);
	fill(169, 124, 80);
	ellipse(width/2, 288.6, 109.3, 71.5);
	fill(96, 57, 19);
	ellipse(width/2, 272, 48.4, 30,7);
	fill(169, 124, 80);
	ellipse(width/2, 267.8, 48.4, 30,7);
	fill(230,231,232); // white eyes
	ellipse(247.5, 205.5, 52.4, 36.8);
	ellipse(360, 205.5, 52.4, 36.8);
	fill(96, 57, 19); //dark brown eyes
	ellipse(251.5, 202.2, 25.2, 34.5);
	ellipse(356, 202.2, 25.2, 34.5);
	noLoop();
	
}

Project 1 – Self Portrait

This is my self portrait project!

Portrait Maggie
function setup() {
    createCanvas(991, 728);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(251,176,59);
	noStroke();
	//hairbuns
	fill(51,26,8); 
	ellipse(229.838,175.838,79.368);
	fill(51,26,8); 
	ellipse(517.838,175.838,79.368);
	//hairback
	fill(64,32,10);
	rect(205.565, 310.912, 347.604,382.583); 
	ellipse(379.838,326.838,365.093);
	//hair yellow triangle
	fill(251,176,59);
	triangle(187.838,699.838,327.838,613.838,327.838,699.838);
	triangle(423.838,612.838,426.838,693.838,563.838,697.838);
	//ears
	fill(226,119,113);
	ellipse(227.838,437.838,79.368);
	ellipse(525.838,437.838,79.368);
	//neck
	square(312.688,547.02,133.357);
	//face rectangle
	fill(238,168,136);
	rect(229.426,334.96,293.574,109.514);
	ellipse(375.838,443.838,292.949);
	ellipse(376.838,334.838,292.949);
	//bangs
	fill(64,32,10);
	arc(375.838, 327.838, 312, 312, PI, 0, CHORD);
	fill(238,168,136);
	triangle(303.838,334.838,373.838,201.838,445.838 ,334.838);
	fill(64,32,10)
	triangle(199.838,314.838,241.838,404.838,283.838 ,314.838);
	triangle(467.838,314.838,509.838,404.838,551.838,314.838);
	//mouth
	fill(226,119,113);
	arc(374.838, 443.838, 158.948, 158.948, 0, PI, CHORD);
	fill(199,86,94);
	ellipse(374.838,476.838,72.144,39.351 );
	//teeth
	fill(255,255,255);
	rect(314.874,444.269,118.054,18.731,0,0,9,9);
	//eyes
	fill(51,51,51);
	arc(303.838 , 381.838, 38.258, 38.258, PI, 0, CHORD);
	arc(445.838 , 381.838, 38.258, 38.258, PI, 0, CHORD);
	//nose
	fill(226,119,113);
	arc(375.838, 417.838, 44.817, 44.817, PI, 0, CHORD);
	//cheeks
	fill(226,134,129);
	ellipse(262.838,433.838,48.096);
	ellipse(487.838,433.838,48.096);
	//shirt
	fill(55,68,156);
	rect(306.129 ,623.536,146.474,19.676 );
	rect(306.129,658.515,146.474,69.958);
	fill(255,255,255);
	ellipse(377.838,684.838,17.489);
	//bunny base
	fill(255,255,255);
	rect(634.057,597.302,196.757,140);
	ellipse(732.838,588.838,196.757);
	rect(634.057,418.035,67.772,170.523);
	rect(763.042,418.035,67.772,170.523);
	ellipse(667.838,420.838,67.772);
	ellipse(796.838,420.838,67.772);
	//bunny eyes
	fill(51,51,51);
	ellipse(700.838 ,595.838,10.931);
	ellipse(770.838,595.838,10.931);
	//bunny nose
	fill(226,119,113);
	ellipse(736.838,615.838,26.234,15.303);
	ellipse(792.838,631.838,41.538);
	ellipse(674.838,631.838,41.538);










}