Category: Project-01-Face

Project 01 – Click on it!!

here is my portrait!

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

function draw() {
    background(177,204,250); //blue
    strokeWeight(2);
    stroke(124,90,21); //hair color
    fill(164,114,34); //hair color
    rect(195,200,410,400);
    strokeWeight(3);
    stroke(210,180,140); //face outline color
    fill(255,228,196); //peach
    rect(300,450,200,300); //neck
    ellipse(400,300,400,500); //face
    stroke(124,90,21); //brow color
    strokeWeight(15);
    line(425,210,500,200) // eyebrow
    line(375,210,300,200) // eyebrow
    line(260,220,300,200) // eyebrow
    stroke(205,133,63); //nose color
    strokeWeight(4);
    line(410,270,412,380); //nose
    strokeWeight(4);
    line(390,270,388,380); //nose
    ellipse (386,380,15); //nostril
    ellipse (414,380,15); //nostril
    ellipse (400,384,25); //nose
    strokeWeight(0);
    fill(255,229,204);
    ellipse(400,370,20,30); //nose errase
    strokeWeight(0);
    fill(255,229,204);
    ellipse(400,378,35,10); //nose errase
    fill(255,255,255);
    stroke(0);
    strokeWeight(2);
    ellipse(330,260,70,40); //eye
    fill(255,255,255);
    stroke(0);
    ellipse(470,260,70,40); //eye
    fill(50,102,0); //green
    strokeWeight(0);
    circle(330,260,35);
    fill(50,102,0); //green
    strokeWeight(0);
    circle(470,260,35);
    strokeWeight(15);
    stroke(0);
    point(330,260); //pupil
    point(470,260); //pupil
    strokeWeight(0);
    stroke(240,120,120); //pink mouth
    strokeWeight(10); 
    noFill()
    arc(400,440,90,50, 0,
    PI); //mouth
    fill(255,192,203); //pink cheek
    strokeWeight(0);
    ellipse(300,350,120,80); //cheek
    fill(255,192,203); //pink cheek
    strokeWeight(0);
    ellipse(500,350,120,80); //cheek
    strokeWeight(2);
    stroke(124,90,21);
    fill(164,124,14);
    arc(430,280,400,500, 180, 0,
    PI); //hair right
    arc(380,290,400,500, 16, 175,
    PI); //HAIR LEFT
    strokeWeight(0);
    if (mouseIsPressed) {
        fill(255,228,196); //eye patch 
        ellipse(470,260,73,43); //eye patch
        strokeWeight(2);
        stroke(0);
        ellipse(470,260,70,40); //eye
        strokeWeight(0);
        fill(255,228,196); //eye patch
        rect(430,230,80,30); //eye patch
        strokeWeight(2);
        line(475,280,478,290); //eyelashes
        line(490,278,493,287);
        line(502,270,508,280);
        line(505,262,517,269);
        strokeWeight(0);
        fill(255,228,196); //mouthpatch
        ellipse(400,440,100,80);
        stroke(240,120,120); //pink mouth
        strokeWeight(10); 
        fill(255)
        arc(400,440,100,80, 0,
        PI); 
        line(350,440,450,440); //mouth   

    }

    }

project 01

My self portrait project!

sketch
function setup() {
    createCanvas(500, 500);
    background(249, 198, 187);
}

function draw() {
	background(249, 198, 187);
	strokeWeight(0);
	fill(239, 221, 199); //skin tone
	rect(200, 200, 100, 300); //neck
	fill(226, 189, 181); //skin shadow
	ellipse(250, 300, 110, 110); //neck shadow
	fill(249, 198, 187); //bg color to carve neck shape out
	ellipse(330, 385, 80, 320); //bg to carve neck shape (right)
	ellipse(170, 385, 80, 320); //bg to carve neck shape (left)
    fill(168, 142, 112); //hair color
    ellipse(250, 180, 250, 270); //back of hair
	fill(239, 221, 199); //skin tone
    ellipse(250, 200, 200, 250); //bottom of head/chin
    ellipse(250, 180, 200, 200); //top of head, to round out
    ellipse(150, 220, 60, 80); //left ear
    ellipse(350, 220, 60, 80); //right ear
    stroke(226, 189, 181); //ear x
    strokeWeight(4);
    line(130, 210, 155, 240); //L X
    line(135, 240, 150, 205); //L X
    line(370, 210, 345, 240); //R X
    line(365, 240, 350, 205);
    strokeWeight(0); //reset
    fill(168, 142, 112); //hair color
    ellipse(260, 100, 70, 70) //middle curl
    fill(239, 221, 199); //skin tone
    ellipse(274, 107, 55, 55); //skin to carve curl
    fill(122, 114, 105); //eyeliner color
    ellipse(200, 196, 55, 60); //L eyeliner
    ellipse(300, 196, 55, 60); //R eyeliner
    fill(234, 240, 247); //whites of eyes
    ellipse(200, 200, 55, 60); //L white of eye
    ellipse(300, 200, 55, 60); //R white of eye
    fill(113, 130, 154); //eyeball color
    ellipse(202, 200, 33, 33); //L eye
    ellipse(298, 200, 33, 33); //R eye
    fill(255); //eye highlights
    ellipse(190, 187, 15, 15); //L highlight
    ellipse(286, 187, 15, 15); //R highlight
    fill(168, 142, 112); //hair color (for eyebrows)
    ellipse(202, 150, 22, 10); //L eyebrow
    ellipse(298, 150, 22, 10); //R eyebrow
    fill(226, 189, 181); //skin shadow (for nose)
    triangle(250, 200, 235, 250, 265, 250);
    fill(186, 101, 101); //mouth color
    ellipse(250, 275, 35, 20); //mouth
    fill(250, 250, 242); //teeth color
    ellipse(250, 270, 30, 10); //teeth
    fill(103, 95, 130); //shirt color
    ellipse(250, 520, 250, 200); //shirt
    fill(129, 121, 156); //shirt collar color
    ellipse(250, 455, 115, 80) //collar
    fill(239, 221, 199); //skin tone
    ellipse(250, 445, 100, 70); //neck base
    fill(201, 199, 209); //for jewelry
    ellipse(145, 255, 10, 10); //L earring(s)
    ellipse(133, 246, 10, 10); //L earring(s)
    ellipse(130, 195, 10, 10); //L earring(s)
    ellipse(355, 255, 10, 10); //R earring(s)
    ellipse(367, 246, 10, 10); //R earring(s)
    ellipse(373, 232, 10, 10); //R earring(s)
    ellipse(237, 240, 10, 7); //nose piercing
    fill(125, 184, 144); //nose piercing jewel color
    ellipse(237, 240, 6, 4); //nose piercing jewel
}

project 01

here is my face(ish)

sketch
//Jaden Luscher
//Section A

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

function draw() {
  background(157, 102, 31)
  noStroke()

//blue: 2nd background color
  fill(40, 110, 154)
  quad(120,0,186.666,200,200,200,200,0);

//face
  fill(236, 196, 163)
  ellipse(120,100,120,150);

//eye
  fill(255)
  ellipse(100,90,40,20);
  fill(120, 50, 50)
  ellipse(100,90,20);

//lips
  fill(213, 152, 133)
  triangle(160,150,145,145,120,150)
  triangle(160,151,145,156,120,151);

//earring
  ellipse(55,177,10)
  ellipse(55,190,10)
  fill(40, 110, 154)
  triangle(50,170,55,120,60,170);

//black lines
  strokeWeight(2)
  stroke(0)
  noFill()
  line(120,0,160,120)
  line(160,120,145,125)
  arc(100,90,60,40,3.7,5.8,OPEN);

//glasses
  strokeWeight(5)
  stroke(115, 74, 21)
  ellipse(100,90,70)
  ellipse(175,80,40);

}

Project 1

This is my self portrait, enjoy!!

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

function draw() {
    background(random(0, 140), random(0,0), random(10, 140));
   
    strokeWeight(2)
    fill(206,116,144);
    triangle(246,313.5,0,515,500,515) //shirt

    strokeWeight(2);
    fill(255,242,172);
    triangle(347,428,299.4,379.6,271.5,442) //collar bone 1

    strokeWeight(2);
    fill(255,242,172);
    triangle(191.6,385,143.43,428.2,220.5,444) //collar bone 1


    strokeWeight(2);
    fill(255,242,172);
    triangle(143.43,428.2,347,428,246,490) //chest



    strokeWeight(.5)
    fill(206,116,144);
    ellipse(243.5,160,220,120) // hat 1

        fill(196,131,215)
    rect(129,158,230,100); // hair

    strokeWeight(4); 
    fill(255,242,172); 
    triangle(355,250,129,245,246,490); //jaw
    strokeWeight(4);

    // RELOAD THE PAGE FOR DIFFERENT COLORS!!!!
    fill(223,186,117);   
    triangle(281,293,197,292,241,231); //nose
   
    fill(223,186,117);
    triangle(225,243,175,174,129,242); // eye
   
    fill(223,186,117); 
    triangle(255,244.47,306,171,354,246); // eye

    fill(255,242,172);
    triangle(304,172,180,175,241,267.5); //bridge of nose

    fill(random(200,255),random(0,0),random(200,255));
    ellipse(307.81,218.91,60,25); //eye hole

    fill(random(200,255),random(0,0),random(200,255));
    ellipse(180,218.91,60,25); //eye hole
    
    fill(223,186,117); 
    triangle(255,210,306,171,354,210); // eyelid
    

     fill(223,186,117); 
    triangle(135,210,186,171,234,210); // eyelid


    strokeWeight(7)
    stroke(150)
    noFill();
    ellipse(307.81,218.91,90,50); //glass 1
    noLoop()

        strokeWeight(7)
    stroke(150)
    noFill();
    ellipse(180,218.91,90,50); //glass 2
    noLoop()

    line(225,218.91,262.81,218.91) //glass bridge
    
    
    strokeWeight(0)
    fill(random(50,150),0,random(50,150)); 
    triangle(199,313,273,314,234,373); // mouth

    stroke(1)
    strokeWeight(6);
    fill(206,116,144);
    triangle(234.5,198.5,350.5,160,137.9,160) //hat brim



   

}

Project 01

Self-Portrait

sketchDownload
// Ilia Urgen
// Section B

function setup() {
    createCanvas (1000, 1000);     //width is 1000, height is 1000
    background (164,244,255);       //Dark Tan canvas background          
}                                   
                                    
function draw() {                   
    

    //text
    stroke (0);
    strokeWeight (10);

    line (100,40,40,40);
    line (40,40,40,70);
    line (100,70,40,70);
    line (100,100,100,70);
    line (100,100,40,100);

    line (140,40,200,40);
    line (140,40,140,100);
    line (140,100,200,100);
    line (140,70,200,70);

    line (240,40,240,100);
    line (240,100,300,100);

    line (340,40,340,100);
    line (340,40,400,40);
    line (340,70,400,70);

    line (440,70,500,70);

    line (140,140,200,140);
    line (140,140,140,200);
    line (140,170,200,170);
    line (200,140,200,170);

    line (240,140,300,140);
    line (240,140,240,200);
    line (300,140,300,200);
    line (300,200,240,200);

    line (340,140,340,200);
    line (340,140,400,140);
    line (340,170,400,170);
    line (400,140,400,170);
    line (400,200,340,170);

    line (440,140,500,140);
    line (470,140,470,200);

    line (540,140,600,140);
    line (540,140,540,200);
    line (540,170,600,170);
    line (600,170,600,140);
    line (600,200,540,170);

    line (640,140,700,140);
    line (640,140,640,200);
    line (700,140,700,200);
    line (640,170,700,170);

    line (740,140,800,140);
    line (770,140,770,200);
    line (740,200,800,200);

    line (840,140,900,140);
    line (870,140,870,200);

    line (940,140,940,180);
    point (940,200);


    line (780,870,840,870);
    line (810,810,810,870);
    line (780,810,840,810);

    line (880,870,940,870);
    line (940,870,940,810);
    line (880,870,880,810);


    //neck outline
    noStroke();
    fill (243,207,187);
    rect (375,850,250,150);        
    
    //face outline
    noStroke();                               
    fill (243,207,187);                        
    ellipse (500,600,480,660);     

    //left ear
    arc (245,620,80,160,PI + HALF_PI,PI + HALF_PI);  
    
    //right ear
    arc (755,620,80,160,PI + HALF_PI,PI + HALF_PI);  


    //left eye
    fill (0,0,0);
    ellipse (400,575,110,60);  
    fill (255,255,255);
    ellipse (400,575,90,60); 
    fill (102,51,0);
    ellipse (400,575,60,60);
    fill (0,0,0);
    ellipse (410,575,12,12);
    fill (255,255,255);
    ellipse (413,575,5,5);

    //right eye
    fill (0,0,0);
    ellipse (600,575,110,60);
    fill (255,255,255);
    ellipse (600,575,90,60);
    fill (102,51,0);
    ellipse (600,575,60,60);
    fill (0,0,0);
    ellipse (610,575,12,12);
    fill (255,255,255);
    ellipse (613,575,5,5);

    //nose
    fill (240,190,180);
    triangle (450,700,500,540,550,700);
    
    //t-shirt                                                              
    fill (187,0,0);                                              
    quad (375,920,200,1000,800,1000,625,920);

    //t-shirt letters
    stroke (255);
    strokeWeight (6);

    //C
    line (395,940,445,940);
    line (395,940,395,980);
    line (395,980,445,980);

    //M
    line (475,940,475,980);
    line (475,940,500,980);
    line (500,980,525,940);
    line (525,940,525,980);

    //U
    line (555,940,555,980);
    line (555,980,605,980);
    line (605,980,605,940);

    //left eyebrow
    strokeWeight (30);
    stroke (55,39,45);
    arc (400,518,120,30,PI,0);

    //right eyebrow
    strokeWeight (30);
    stroke (55,39,45);
    arc (600,518,120,30,PI,0);

    //glasses
    noFill();
    strokeWeight (8);
    stroke (212,175,55);
    noFill ();
    ellipse (400,575,150,130);
    ellipse (600,575,150,130);
    arc (500,570,52,50,PI,0);
    line (400,510,600,510);
    line (244,535,340,535);
    line (660,535,754,535);

    //teeth
    fill (255);
    stroke (255);
    ellipse (500,790,105,40);

    //mouth
    noFill();
    strokeWeight (35);
    stroke (193,104,115);
    arc (500,800,140,30,0, PI);
    arc (500,780,140,30,PI,0);

    //facial hair
    stroke (55,39,45);
    strokeWeight (2);
    
    line (434,718,412,753);
    line (437,718,416,752);
    line (440,718,420,751);

    line (443,716,424,750);
    line (446,716,428,749);
    line (449,716,432,748);

    line (452,714,436,747);
    line (455,714,440,746);
    line (458,714,444,745);

    line (461,712,448,744);
    line (464,712,452,743);
    line (467,712,456,742);

    line (470,710,460,741);
    line (473,710,464,740);
    line (476,710,468,740);

    line (479,710,472,740);
    line (482,710,476,740);
    line (485,710,480,740);

    line (488,710,484,740);
    line (491,710,488,740);
    line (494,710,492,740);

    line (497,710,496,740);
    line (500,710,500,740);
    line (503,710,504,740);

    line (506,710,508,740);
    line (509,710,512,740);
    line (512,710,516,740);

    line (515,710,520,740);
    line (518,710,524,740);
    line (521,710,528,740);

    line (524,710,532,740);
    line (527,710,536,740);
    line (530,710,540,741);

    line (533,712,544,742);
    line (536,712,548,743);
    line (539,712,552,744);

    line (542,714,556,745);
    line (545,714,560,746);
    line (548,714,564,747);

    line (551,716,568,748);
    line (554,716,572,749);
    line (557,716,576,750);

    line (560,718,580,751);
    line (563,718,584,752);
    line (566,718,588,753);

    //face lines
    arc (240,625,30,100,HALF_PI, PI + HALF_PI);
    arc (760,625,30,100,PI + HALF_PI, HALF_PI);
    arc (500,875,100,30,PI,0);

    //hair

    strokeWeight (20);

    curve(300, 20, 290, 510, 500, 270, 970, 630);
    curve(270, 630, 500, 270, 700, 510, 540, 270);

    curve(300, 70, 290, 510, 500, 276, 970, 600);
    curve(270, 600, 500, 276, 700, 510, 300, 70);

    curve(300, 70, 290, 510, 500, 270, 970, 600);
    curve(270, 600, 500, 270, 700, 510, 300, 70);

    curve(300, 470, 290, 510, 500, 282, 970, 570);
    curve(270, 570, 500, 282, 710, 510, 300, 470);

    curve(100, 470, 290, 510, 500, 270, 970, 570);
    curve(270, 570, 500, 270, 710, 510, 370, 470);

    curve(300, 870, 280, 510, 500, 288, 970, 540);
    curve(270, 540, 500, 288, 720, 510, 300, 870);

    curve(300, 870, 280, 510, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 720, 510, 300, 870);

    curve(300, 1070, 290, 510, 500, 294, 970, 540);
    curve(270, 540, 500, 294, 710, 510, 330, 1070);

    curve(300, 1070, 300, 510, 500, 294, 970, 540);
    curve(270, 540, 500, 294, 710, 510, 320, 1070);

    curve(300, 1070, 290, 510, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 710, 510, 300, 1070);

    curve(300, 1370, 290, 510, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 710, 510, 200, 1370);

    curve(500, 1070, 280, 510, 500, 300, 970, 540);
    curve(270, 540, 500, 300, 720, 510, 300, 1070);

    curve(500, 1070, 280, 510, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 720, 510, 250, 1070);

    curve(700, 1070, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 300, 1270);

    curve(700, 1070, 290, 500, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 710, 500, 200, 1270);

    curve(700, 1070, 280, 500, 500, 312, 970, 540);
    curve(270, 540, 500, 312, 710, 500, 300, 1270);

    curve(700, 1070, 280, 500, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 710, 500, 300, 1270);

    curve(700, 1070, 290, 500, 500, 318, 970, 540);
    curve(270, 540, 500, 318, 720, 500, 300, 1270);

    curve(700, 1070, 290, 500, 500, 270, 970, 540);
    curve(270, 540, 500, 270, 720, 500, 300, 1270);

    curve(200, 1070, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 500, 1270);

    curve(100, 1070, 290, 500, 500, 326, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 600, 1270);

    curve(500, 1070, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 700, 1270);

    curve(50, 1070, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 800, 1270);

    curve(0, 1070, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 900, 1270);

    curve(0, 470, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 900, 470);
    
    curve(0, 470, 290, 500, 500, 306, 970, 540);
    curve(270, 540, 500, 306, 710, 500, 900, 570);

    curve(0, 270, 290, 500, 500, 326, 970, 540);
    curve(270, 540, 500, 326, 710, 500, 900, 670);

    noLoop();
}

Project 01 Self Portrait Hannah Wyatt

This is my project

sketch
function setup() {
    createCanvas(500, 300);
    background(255);
}

function draw() {
    fill(255,255,143);
    ellipse(257,168,246,230);
    fill(255,204,153);
    ellipse(272,235,28,65);
    ellipse(265,160,135,154);
    fill(255,255,143);
    ellipse(214,95,68,63);
    ellipse(295,92,99,82);
    fill(51,51,51);
    ellipse(266,166,5,23);
    fill(255,153,204);
    rect(207,251,127,50);
    fill(0,204,255);
    ellipse(236,151,17,21);
    ellipse(300,151,17,21);




}

Project 1: My Self Portrait

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

function draw() {
    background(186, 215, 190);
    fill(0);
    ellipse(150, 155, 170, 190); 
    fill(239, 222, 205);
    fill(239, 222, 205);
    rect(125, 150, 50, 100);  //neck
    ellipse( (width/2), (height/2) , 100, 120);
    fill(252, 252, 252);
    ellipse(130, 140, 15, 9); // left socket
    fill(102, 51, 0);
    circle(130, 140, 7);  // Pupil (left)
    fill(0);
    circle(130, 140, 2);  // iris (right)
    fill(252, 252, 252); 
    ellipse(170, 140, 15, 9);  // right socket
    fill(102, 51, 0);
    circle(170, 140, 7);   // pupil (right)
    fill(0);
    circle(170, 140, 2);  // iris(right)
    arc(130, 130, 22, 5, radians(180), radians(360));  // left eyebrow. I learned this by looking it up. by wrapping degrees in radians I can work in degrees!
    arc(170, 130, 22, 5, radians(180), radians(360));
    fill(232, 214, 197);
    triangle(150, 148, 145, 170, 155, 170);
    point(131, 150); // freckles!!
    point(135, 154);
    point(127, 152);
    point(123, 150);
    point(119, 152);
    point(116, 158);
    point(126, 156);
    point(130, 158);
    point(171, 150);
    point(175, 154);
    point(167, 152);
    point(163, 150);
    point(159, 152);
    point(156, 158);
    point(166, 156);
    point(170, 158);
    fill(238, 131, 163); 
    arc(150, 180, 40, 23, radians(0), radians(180)); // lips!
    fill(255);
    arc(150, 182, 30, 15, radians(0), radians(180));
    // arc(150, 100, )
    fill(0);
    ellipse(150, 86, 60,32);
    fill(0);
    arc(130, 100, 40, 23, radians(0), radians(180));
    fill(0);
    arc(170, 100, 40, 23, radians(0), radians(180));
    circle(130, 90, 32);
    circle(170, 90, 32);
    fill(112, 171, 149);        //shirt
    ellipse(150,305, 130, 160);
    fill(0);
    ellipse(70, 130, 20, 30); //HAIR
    ellipse(80, 110, 20, 30);
    ellipse(90, 100, 20, 30);
    ellipse(100, 90, 20, 30);
    ellipse(68, 150, 20, 30);
    ellipse(68, 170, 20, 30);
    ellipse(70, 190, 20, 30);
    ellipse(80, 210, 20, 30);
    ellipse(90, 230, 20, 30);
    ellipse(100,240, 20, 30);
    ellipse(230, 130, 20, 30);
    ellipse(220, 110, 20, 30);
    ellipse(210, 100, 20, 30);
    ellipse(100, 90, 20, 30);
    ellipse(230, 150, 20, 30);  // 230- 68= 162 (+162)
    ellipse(230, 170, 20, 30);
    ellipse(230, 190, 20, 30);
    ellipse(220, 210, 20, 30);
    ellipse(210, 230, 20, 30);
    ellipse(200, 240, 20, 30);
}

Project 01-Face

this is my project

sketch
//Aarnav Patel
//Section D

function setup() {
    createCanvas(500, 500);
    background(220);
}
var pos = (500 / 7 / 2);

function draw() {
	var randomR = random(1, 256);
	var randomG = random(1, 256);
	var randomB = random(1, 256);
	if (mouseIsPressed) {
	    background(randomR, randomG, randomB);
	}
	//body
	fill(255);
	ellipse(width / 2, height, width / 1.5, height);
	//face
	noStroke();
	fill(221, 161, 119);
	ellipse((width / 2), (height / 2), (width / 3),  (width / 2));


	//hair
	fill(0);
	ellipse((width / 2), ((height / 2) - (width / 3 / 2)), (width / 3), (width / 4));
	rect((width / 2) - ((width / 3 / 2)) - 10, ((height / 2) - 50), 20, 50);
	rect((width / 2) + ((width / 3 / 2)) - 10, ((height / 2) - 50), 20, 50)
	triangle((width / 2) - ((width / 3 / 2)) - 10, ((height / 2) - 50), (width / 2) - ((width / 3) / 2), ((height / 2) - (width / 3 / 2)), (width / 2) + ((width / 3 / 2)) + 10, ((height / 2) - 50));
	triangle((width / 2) - ((width / 3 / 2)) - 10, ((height / 2) - 50), (width / 2) + ((width / 3) / 2), ((height / 2) - (width / 3 / 2)), (width / 2) + ((width / 3 / 2)) + 10, ((height / 2) - 50));

	//eyes
	ellipse((width / 2) - ((width / 3) / 4), (height / 2), 10);
	ellipse((width / 2) + ((width / 3) / 4), (height / 2), 10);

	//nose
	fill(170, 130, 100);
	ellipse((width / 2), (height / 2) + 50, 50);
	fill(221, 161, 119);
	ellipse((width / 2), (height / 2) + 40, 50);

	//smile
	fill(0);
	rect((width / 2) - ((width / 10) / 2), (height / 2) + 100, (width / 10), 3);


 
}

Project – 01

This is my project

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

function draw() {
    noStroke();
    fill(60, 20, 54);                //purple1 
        beginShape();
            vertex(237.91, 189.02);
            vertex(353.36, 180.34);
            vertex(374.09, 500.85);
            vertex(353.36, 573.62);
            vertex(310.47, 655.23);
            vertex(216.51, 626.64);
            vertex(156.26, 571.49);
            vertex(134.81, 519.4);
            vertex(119.49, 417.79);
        endShape(CLOSE);
    fill(76, 28, 90);                //purple2
        beginShape();
            vertex(353.36, 180.34);
            vertex(342.26, 420.62);
            vertex(317.23, 379.83);
            vertex(311.58, 386.17);
            vertex(322.24, 406.59);
            vertex(328.48, 398.95);
            vertex(376.85, 511.23);
            vertex(353.36, 581.7);
            vertex(310.47, 655.23);
            vertex(163.4, 554.13);
            vertex(134.81, 440.77);
            vertex(156.26, 427.49);
            vertex(163.4, 386.64);
            vertex(182.81, 401.96);
            vertex(235.91, 415.23);
            vertex(218.55, 378.47);
            vertex(219.57, 359.06);
            vertex(195.06, 342.72);
            vertex(202.21, 305.96);
            vertex(234.89, 262.04);
            vertex(234.89, 233.45);
            vertex(256.34, 196.68);
            vertex(306, 196.68);
        endShape(CLOSE);
    fill(126, 53, 79);                 //purple3
        beginShape();
            vertex(355.53, 181.45);
            vertex(256.13, 212.85);
            vertex(217.06, 330.81);
            vertex(237.91, 337.7);
            vertex(232.38, 376.77);
            vertex(256.13, 425.79);
            vertex(189.49, 416.6);
            vertex(161.15, 464.85);
            vertex(225.49, 532.26);
            vertex(227.79, 543.74);
            vertex(208.64, 556.77);
            vertex(237.91, 583.57);
            vertex(256.13, 579.32);
            vertex(242.85, 533.02);
            vertex(264, 534.55);
            vertex(285.23, 521.79);
            vertex(306, 527.66);
            vertex(299.87, 494.72);
            vertex(318.17, 465.62);
            vertex(335.79, 457.96);
            vertex(335.79, 479.4);
            vertex(323.36, 474.64);
            vertex(309.57, 495.57);
            vertex(332.47, 499.57);
            vertex(345.49, 491.4);
            vertex(366.17, 509.53);
            vertex(355.53, 521.79);
            vertex(318.6, 526.72);
            vertex(327.79, 540.34);
            vertex(314.34, 546.81);
            vertex(336.3, 597.53);
            vertex(284.21, 609.11);
            vertex(296.13, 641.79);
            vertex(329.15, 670.38);
            vertex(386.34, 661.19);
            vertex(455.86, 508.05);
            vertex(334.51, 368.6);
            vertex(339.87, 419);
            vertex(321.49, 429.87);
            vertex(308.51, 369.62);
            vertex(333.23, 369.36);
        endShape(CLOSE);

    fill(78, 34, 6);                     //brown1
        beginShape();
            vertex(180.04, 365.83);
            vertex(197.91, 346.81);
            vertex(233.49, 335.4);
            vertex(308.21, 353.79);
            vertex(304.64, 362.3);
            vertex(224.98, 359.4);
            vertex(195.02, 369.62);
            vertex(180.04, 365.83);
        endShape(CLOSE);
        beginShape();
            vertex(388.04, 399.14);
            vertex(404.04, 352.51);
            vertex(474.85, 324.51);
            vertex(474.85, 381.36);
            vertex(470.6, 392.47);
            vertex(480.98, 416.54);
            vertex(478, 494.72);
            vertex(457.83, 526.38);
            vertex(447.23, 575.4);
            vertex(410.24, 623.47);
            vertex(251.36, 540); 
            vertex(283.53, 548.51);
            vertex(419.84, 539.28); 
        endShape(CLOSE);
        beginShape();
            vertex(168.16, 588.76);
            vertex(211.7, 623.47);
            vertex(314.34, 656.48); 
            vertex(326.55, 668.27);
            vertex(342.77, 668.76);
            vertex(373.06, 792); 
            vertex(145.06, 792); 
        endShape(CLOSE); 



    fill(130, 69, 20); 
        beginShape();
            vertex(237.91, 335.4);
            vertex(252.04, 335.4);
            vertex(322.68, 353.45);
            vertex(333.23, 365.83);
            vertex(287.28, 365.79); 
            vertex(285.57, 373.19);
            vertex(310.77, 387.23);
            vertex(306, 393.62);
            vertex(279.11, 373.19);
            vertex(257.15, 373.19);
            vertex(252.04, 356.37);
            vertex(306, 362.09);
            vertex(308.21, 353.79);
        endShape(CLOSE)
        beginShape();
            vertex(275.15, 376.77);
            vertex(314.34, 401.02);
            vertex(314.34, 408.43);
            vertex(292.64, 391.06);
            vertex(270.94, 380.85);
        endShape(CLOSE);
        beginShape();
            vertex(266.17, 387.83);
            vertex(278.51, 387.4);
            vertex(294.51, 399.14);
            vertex(292.64, 402.81);
            vertex(265.74, 402.81);
            vertex(269.4, 396.04);
        endShape(CLOSE);
        beginShape();
            vertex(252.04, 410.98);
            vertex(294.94, 405.36);
            vertex(314.34, 410.98);
            vertex(308.72, 419.35);
            vertex(279.11, 427.73);
            vertex(272.47, 414.04);
        endShape(CLOSE);
        beginShape();
            vertex(373.06, 365.79);
            vertex(415.83, 319.06);
            vertex(473.15, 332.34);
            vertex(470.6, 337.45);
            vertex(438.09, 339.49);
            vertex(408.47, 353.79);
            vertex(460.89, 345.62);
            vertex(474.15, 356.37);
            vertex(461.91, 374.55);
        endShape(CLOSE);
        triangle(386.34, 374.28, 388.63, 400.13, 411.33, 372.22);
        beginShape();
            vertex(421.19, 373.19);
            vertex(440.47, 373.19);
            vertex(447.23, 379.83);
            vertex(421.19, 378.04);
        endShape(CLOSE);
        beginShape();
            vertex(422.85, 384.81);
            vertex(421.19, 392.47);
            vertex(424.89, 400.13);
            vertex(412.38, 406.58);
            vertex(413.4, 414.04);
            vertex(404.04, 416.54);
            vertex(399.62, 408.43);
            vertex(392.47, 406.58);
            vertex(404.04, 541.45);
            vertex(420.81, 539.15);
            vertex(403.19, 562.99);
            vertex(392.98, 548.85);
            vertex(356.72, 552.94);
            vertex(361.32, 559.83);
            vertex(351.28, 561.36);
            vertex(344.21, 568.26);
            vertex(312.81, 565.7);
            vertex(312.81, 573.45);
            vertex(324.81, 576.43);
            vertex(342.77, 596.85);
            vertex(355.53, 600.26);
            vertex(356.72, 660.5);
            vertex(321.49, 666.3);
            vertex(327.79, 670.38);
            vertex(384.3, 664.26);
            vertex(402, 643.83);
            vertex(421.19, 578.32);
            vertex(440.47, 558.72);
            vertex(452.38, 526.38);
            vertex(473.15, 489.96);
            vertex(478, 416.54);
            vertex(442.38, 400.13);
            vertex(447.23, 390.17);
            vertex(439.06, 384.81); 
        endShape(CLOSE);
    fill(183, 95, 53);        //orange 
        beginShape();
            vertex(237.91, 324.51);
            vertex(259.79, 225.45);
            vertex(352.98, 189.02);
            vertex(461.91, 259.49);
            vertex(473.15, 289.45);
            vertex(473.15, 327.91);
            vertex(404.04, 349.19);
            vertex(392.81, 359.4);
            vertex(422.85, 359.4);
            vertex(460.55, 349.19);
            vertex(460.21, 369.36);
            vertex(386.68, 380);
            vertex(401.97, 422.55);
            vertex(429.57, 417.11);
            vertex(420.38, 410.3);
            vertex(440.81, 406.21);
            vertex(444.55, 415.74);
            vertex(461.91, 413.02);
            vertex(470.6, 424.6);
            vertex(470.6, 485.19);
            vertex(452.38, 513.45);
            vertex(430.94, 506.64);
            vertex(427.87, 523.66);
            vertex(404.04, 547.83);
            vertex(351.28, 552.94);
            vertex(337.32, 544.77);
            vertex(345.83, 529.11);
            vertex(362.85, 526.38);
            vertex(375.11, 513.11);
            vertex(351.28, 493.02);
            vertex(348.55, 469.53);
            vertex(354.34, 456.94);
            vertex(356.72, 435.49);
            vertex(347.53, 414.72);
            vertex(322.68, 353.45);
        endShape(CLOSE);
        beginShape();
            vertex(339.87, 572.17);
            vertex(389.4, 563.49);
            vertex(391.28, 570.13);
            vertex(376.13, 591.06);
            vertex(359.79, 595.15);
            vertex(341.57, 583.23);
        endShape(CLOSE);
        beginShape(); 
            vertex(299.87, 625.45);
            vertex(351.28, 613.19);
            vertex(377.15, 595.83);
            vertex(408.47, 556.34);
            vertex(416.64, 551.23);
            vertex(408.81, 617.62);
            vertex(399.96, 645.53);
            vertex(351.28, 661.19);
            vertex(306, 643.49);
        endShape(CLOSE);
        beginShape();
            vertex(197.91, 425.79);
            vertex(299.87, 425.79);
            vertex(314.34, 437.02);
            vertex(288.3, 504.43);
            vertex(254.6, 521.79);
            vertex(215.79, 502.38);
            vertex(200.98, 469.19);
        endShape(CLOSE);
        quad(259.96, 362.09, 275.15, 366.3, 275.15, 369.49, 259.96, 369.49);
    fill(227, 122, 43);
        beginShape();
            vertex(284.21, 218.47);
            vertex(328.13, 205.7);
            vertex(361.32, 201.62);
            vertex(462.94, 265.45);
            vertex(470.6, 326.72);
            vertex(392.47, 350.72);
            vertex(374.6, 396);
            vertex(392.47, 505.96);
            vertex(374.09, 509.53);
            vertex(358.77, 496.77); 
            vertex(351.62, 480.43);
            vertex(361.83, 468.17);
            vertex(361.83, 436.51);
            vertex(352.64, 418.13);
            vertex(335.79, 354.3);
            vertex(252.04, 319.06);
            vertex(264, 258.3);
        endShape(CLOSE);
        beginShape();
            vertex(375.11, 399.14);
            vertex(384.98, 399.14);
            vertex(394.17, 418.81);
            vertex(411.19, 426.98);
            vertex(456.13, 419.15);
            vertex(465.32, 431.4);
            vertex(463.62, 486.21);
            vertex(442.17, 503.91);
            vertex(416.3, 496.77);
            vertex(419.36, 517.19);
            vertex(406.09, 544.09);
            vertex(355.02, 551.23);
            vertex(342.77, 540.68);
            vertex(355.02, 532.51);
            vertex(361.32, 546.47);
            vertex(369.66, 523.66);
            vertex(407.45, 504.6);
            vertex(372.38, 409.62);
        endShape(CLOSE);
        circle(252.34, 472.46, 81.9);
        beginShape()
            vertex(401.66, 565.7);
            vertex(411.36, 565.7);
            vertex(404.04, 583.57);
            vertex(406.26, 623.91);
            vertex(390.94, 649.96);
            vertex(335.28,649.96);
            vertex(321.49, 628);
            vertex(370, 617.79);
            vertex(385.83, 602.47);
            vertex(384.3, 592.26);
        endShape(CLOSE);
        beginShape()
            vertex(422.85, 364);
            vertex(435.62, 358.13);
            vertex(437.91, 349.19);
            vertex(455.79, 349.19);
            vertex(461.91, 359.91);
            vertex(446.85,369.62);
        endShape(CLOSE); 
        triangle(351.28, 581.19, 374.09, 565.7, 384.3, 576.77);
    fill(251, 151, 55);
        beginShape();
            vertex(306, 220);
            vertex(364.38, 215.91);
            vertex(443.53, 253.19);
            vertex(463.45, 284.84);
            vertex(466, 322.64);
            vertex(406.77, 342.55);
            vertex(377.66, 359.4);
            vertex(374.47, 388.51);
            vertex(373.06, 417.79);
            vertex(399.62, 483.83);
            vertex(392.47, 500.85);
            vertex(382.26, 507.66);
            vertex(361.83, 488.6);
            vertex(369.66, 467.15);
            vertex(364.89, 427.32);
            vertex(351.62, 396);
            vertex(346.51, 354.81);
            vertex(290.34, 319.06);
            vertex(306, 297.62);
            vertex(295.45, 264.94);
        endShape(CLOSE);
        beginShape();
            vertex(379.17, 415.48);
            vertex(410.6, 430.38);
            vertex(425.4, 430.38);
            vertex(443.53, 419.91);
            vertex(460.89, 426.81);
            vertex(460.89, 475.32);
            vertex(454.51, 492.17);
            vertex(435.36, 494.21);
            vertex(411.36, 476.09);
            vertex(411.11, 516.68);
            vertex(402.94, 532.77);
            vertex(370.77, 545.28);
            vertex(370.77, 527.15);
            vertex(393.74, 509.79);
            vertex(403.19, 487.06);
        endShape(CLOSE);
        beginShape();
            vertex(331.7, 632.6);
            vertex(382.77, 620.34);
            vertex(392.98, 628.51);
            vertex(386.34, 643.83);
            vertex(356.21, 643.83);
        endShape(CLOSE);
        circle(256.55, 469.11, 60.78);

    fill(254, 187, 79);    //yellow 
        beginShape();
            vertex(356.72, 373.19);
            vertex(373.06, 379.3);
            vertex(373.06, 414.04);
            vertex(364.89, 414.04);
            vertex(356.72, 396);
        endShape(CLOSE);
        beginShape();
            vertex(374.98, 420.62);
            vertex(425.15, 438.55);
            vertex(450.68, 430.38);
            vertex(457.83, 448.77);
            vertex(453.74, 478.38);
            vertex(443.53, 482.47);
            vertex(411.87, 467.15);
            vertex(392.47, 472.97);
        endShape(CLOSE)
        beginShape();
            vertex(373.06, 433.45);
            vertex(399.62, 491.66);
            vertex(392.47, 500.85);
            vertex(375.11, 487.57);
            vertex(377.15, 476.34);
        endShape(CLOSE);
        beginShape(); 
            vertex(272.47, 391.06);
            vertex(287.28, 393.62);
            vertex(287.28, 400);
            vertex(270.94, 401.02);
        endShape(CLOSE);
        quad(424.89, 387.23, 440.47, 387.23, 440.47, 398.21, 424.89, 398.21);
        ellipse(392.47, 284.83, 95.34, 105.14);

    fill(21, 6, 1);                       //black hair 
        beginShape();
            vertex(90.17, 131.15);
            vertex(171.91, 65.79);
            vertex(333.23, 54.55);
            vertex(442.38, 120.94);
            vertex(507.36, 254.21);
            vertex(528, 792);
            vertex(321.49, 792);
            vertex(343.77, 668.76);
            vertex(384.3, 664.26);
            vertex(402, 643.83);
            vertex(409.83, 623.4);
            vertex(447.23, 575.4);
            vertex(457.83, 526.38);
            vertex(478, 494.72);
            vertex(480.98, 416.54);
            vertex(470.6, 392.47);
            vertex(474.85, 381.36);
            vertex(473.15, 289.45);
            vertex(457.83, 262.24);
            vertex(352.98, 189.02);
            vertex(240.81, 215.91);
            vertex(223.96, 280.26);
            vertex(169.57, 319.06);
            vertex(161.32, 346.81);
            vertex(181.74, 388.85);
            vertex(151.79, 352.51);
            vertex(149.4, 425.79);
            vertex(138.15, 381.74);
            vertex(123.29, 410.44);
            vertex(141.34, 535.26);
            vertex(156.26, 571.49);
            vertex(211.7, 620.34);
            vertex(248.47, 792);
            vertex(0, 792);
            vertex(0, 455.91);
        endShape(CLOSE);
    fill(40, 20, 16);                          //brown2
        beginShape();
            vertex(146.85, 147.49);
            vertex(154.86, 80.66);
            vertex(173.75, 65.92);
            vertex(274.94, 58.66);
            vertex(294.51, 85.7);
            vertex(265.32, 77.02);
            vertex(244.13, 93.87);
            vertex(194.68, 119.91);
            vertex(186.68, 114.3);
            vertex(146.85, 147.49);
        endShape(CLOSE);
        beginShape();
            vertex(251.36, 115.83);
            vertex(314.34, 101.02);
            vertex(361.32, 172.51);
            vertex(355.53, 182.21);
            vertex(327.11, 190.67);
            vertex(290.34, 189.02);
            vertex(310.77, 167.91);
            vertex(252.04, 155.66);
            vertex(285.57, 136.77);
        endShape(CLOSE);
    fill(56, 17, 4);
        beginShape();
            vertex(150.94, 147.49);
            vertex(150.94, 95.4);
            vertex(180.04, 62.21);
            vertex(252.04, 56.09);
            vertex(247.45, 73.96);
            vertex(230.09, 64.77);
            vertex(202, 98.47);
            vertex(180.04, 89.79);
        endShape(CLOSE);
        beginShape();
            vertex(327.11, 180.17);
            vertex(356.72, 171.49);
            vertex(322, 114.81);
            vertex(317.91, 137.28);
            vertex(337.31, 159.23);
            vertex(327.11, 180.17);
        endShape(CLOSE);













            



        



}

Project 01

This is my project

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

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

    strokeWeight(0);
    fill(random(210,255),random(210,255),random(210,255),75);
    rect(0,0,100,200)

    strokeWeight(0);
    fill(255);
    rect(50,80,100,55); //hair back

    strokeWeight(0);
    fill(255);
    quad(60,160,140,160,75,50,125,50);   //hair back

    strokeWeight(0);
    fill(255);
    quad(55,145,145,145,60,70,140,70);   //hair back

    strokeWeight(0);
    fill(random(50,100),random(50,100),random(50,100));
    triangle(100,165,175,200,25,200);    //shoulders

    strokeWeight(0);
    fill(random(100,200),random(100,200),random(100,200));
    ellipse(100,100,90,125);    //head

    strokeWeight(0);
    strokeWeight(0);
    rect(85,100,30,77); //neck

    strokeWeight(0);
    strokeWeight(0);
    triangle(100,185,115,177,85,177);    //more neck

    fill(random(210,255),random(210,255),random(210,255),75); //face shading
    beginShape();
    vertex(100,100);
    vertex(110,120);
    vertex(100,160);
    vertex(145,160);
    vertex(145,37.5);
    vertex(100,37.5);
    endShape();

    stroke(100,0,50);
    fill(20,0,20);
    triangle(75,80,95,110,60,120);   //right eye

    fill(random(210,255),random(210,255),random(210,255));
    circle(77,100,15);    //right pupil

    circle(120,100,30); //left eye

    stroke(random(0,50),random(0,50),random(0,50));
    strokeWeight(5);
    line(110,100,130,100);  //left pupil

    stroke(255);
    strokeWeight(3);
    fill(0);
    arc(100,140,50,20,15.7,PI+PI,PIE);  //mouth

    strokeWeight(0); 
    fill(255);
    square(55,38,45); //hair front

    strokeWeight(0); 
    fill(255);
    arc(100,38,50,20,10.5,PI,PIE) //hair front

    strokeWeight(0); 
    fill(255);
    beginShape();
    vertex(100,38);
    bezierVertex(100,38,100,100,150,60)
    bezierVertex(100,20,120,70,150,50)
    endShape();     //hair front

     noloop()


}