Project 1: My Self Portrait

jen-sketch copy

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

function draw() {
  
  //tennis ball//
  fill(174,228,95);
  circle(70,50,150,150);
  fill(174,228,95);
  arc(99,0,120,90,QUARTER_PI,PI);
  arc(40,118,120,100,PI+QUARTER_PI,TWO_PI);
  
  //hair//
  fill(92,55,17);
  triangle(150,0,200,500,30,300);
  fill(87,44,1);
  triangle(250,0,500,230,200,200);
  fill(51,25,0);
  triangle(150, 0, 500, 300, 70, 400);
  fill(51,25,0);
  rect(150,0,150,200);
  fill(87,44,1);
  triangle(300,150,500,400,250,400);
  
  //neck//
  fill(249,210,171);
  quad(160, 300, 240, 310, 210, 350, 170, 365);
  fill(255,215,187);
  quad(230, 310, 280, 280, 250, 340, 210, 355);
  fill(255,215,187);
  quad(165, 350, 240, 340, 210, 380, 175, 395);
  fill(249,210,171);
  quad(230, 330, 280, 320, 250, 360, 210, 375);
  fill(255,215,187);
  quad(190, 375, 240, 365, 210, 405, 170, 420);
  fill(249,210,171);
  quad(270, 330, 300, 400, 210, 400, 210, 385);
  
  //face//
  fill(255,229,204);
  triangle(150,30,250,40,300,100);
  fill(243,229,215);
  triangle(150,30,210,58,140,80);
  fill(247,217,187);
  triangle(210,57,300,100,140,80);
  fill(255,229,204);
  triangle(297,98,300,170,135,80);
  fill(247,217,187);
  triangle(135,80,145,140,200,113);
  fill(243,229,215);
  triangle(145,138,125,200,200,200);
  fill(247,217,187);
  triangle(145,138,200,112,200,200);
  fill(255,229,204);
  triangle(200,112,200,200,300,170);
  fill(247,217,187);
  triangle(200,200,300,170,260,250);
  fill(243,229,215);
  triangle(300,170,260,250,288,250);
  fill(247,217,187);
  triangle(140,300,125,198,195,250);
  fill(255,229,204);
  triangle(125,198,200,200,195,250);
  fill(255,229,204);
  triangle(288,250,260,250,275,290);
  fill(243,229,215);
  triangle(260,250,200,200,195,250);
  fill(255,229,204);
  triangle(195,250,140,300,198,320);
  fill(247,217,187);
  triangle(195,250,271,287,198,320);
  fill(247,217,187);
  triangle(195,250,260,250,273,288);
  fill(243,229,215);
  triangle(279,280,195,320,263,315);
  
  //eyebrows//
  fill(75,41,6);
  triangle(220,110,280,100,290,110);
  fill(75,41,6);
  triangle(140,105,170,95,190,105);
  
  //nose//
  fill(255,235,213);
  triangle(195,180,185,210,205,200);
  fill(235,196,158);
  triangle(205,200,185,210,205,210);

  //eyes//
  fill(255);
  triangle(165,140,180,125,140,145);
  fill(255);
  triangle(165,140,180,150,140,145);
  fill(102,51,0);
  triangle(180,126,190,140,165,140);
  fill(102,51,0);
  triangle(181,150,190,140,165,140);
  fill(255);
  square(230,127,23);
  fill(102,51,0);
  triangle(240,135,250,127,275,143);
  fill(102,51,0);
  triangle(240,135,255,150,280,143);
  fill(5);
  triangle(250,126,275,145,285,144);
  stroke(246,102,255);
  strokeWeight(2);
  line(252,127,285,144);
  line(175,128,140,144);
  noLoop();

  //necklace//
  fill(255,204,255);
  ellipse(279, 372, 15, 10);
  fill(255,204, 255);
  ellipse(267, 378, 15, 10);
  fill(255,204,255);
  ellipse(255, 384, 15, 10);
  fill(255,204,255);
  ellipse(243, 390, 15, 10);
  fill(255,204,255);
  ellipse(231, 396, 15, 10);
  
  //necklace stone//
  beginShape(TRIANGLE_STRIP);
  fill(255,0,255);
  vertex(205,405);
  vertex(205,395);
  vertex(205,405);
  vertex(215,395);
  vertex(225,405);
  vertex(225,395);
  vertex(225,405);
  endShape();
  
  //lips//
  stroke(247,153,175);
  strokeWeight(8);
  point(240,260);
  stroke(247,153,175);
  strokeWeight(8);
  point(233,258);
  stroke(247,153,175);
  strokeWeight(8);
  point(225,256);
  stroke(247,153,175);
  strokeWeight(8);
  point(220,258);
  stroke(247,153,175);
  strokeWeight(8);
  point(213,260);
  stroke(247,153,175);
  strokeWeight(8);
  point(206,262);
  stroke(247,153,175);
  strokeWeight(8);
  point(199,260);
  stroke(247,153,175);
  strokeWeight(8);
  point(192,263);
  stroke(247,153,175);
  strokeWeight(8);
  point(195,270);
  stroke(247,153,175);
  strokeWeight(8);
  point(201,272);
  stroke(247,153,175);
  strokeWeight(8);
  point(208,273);
  stroke(247,153,175);
  strokeWeight(8);
  point(215,274);
  stroke(247,153,175);
  strokeWeight(8);
  point(222,273);
  stroke(247,153,175);
  strokeWeight(8);
  point(229,271);
  stroke(247,153,175);
  strokeWeight(8);
  point(236,269);
  stroke(247,153,175);
  strokeWeight(8);
  point(242,267);
  stroke(247,153,175);
  strokeWeight(8);
  point(246,263);
  stroke(199,105,127);
  strokeWeight(7);
  point(195,266);
  stroke(199,105,127);
  strokeWeight(7);
  point(201,268);
  stroke(199,105,127);
  strokeWeight(7);
  point(207,268);
  stroke(199,105,127);
  strokeWeight(7);
  point(213,268);
  stroke(199,105,127);
  strokeWeight(7);
  point(219,268);
  stroke(199,105,127);
  strokeWeight(7);
  point(225,267);
  stroke(199,105,127);
  strokeWeight(7);
  point(231,266);
  stroke(199,105,127);
  strokeWeight(7);
  point(237,265);
  stroke(255,198,211);
  strokeWeight(7);
  point(229,262);
  stroke(255,198,211);
  strokeWeight(7);
  point(224,262);
  stroke(255,198,211);
  strokeWeight(7);
  point(218,263);
  stroke(255,198,211);
  strokeWeight(7);
  point(212,264);
  stroke(255,198,211);
  strokeWeight(7);
  point(207,264);
  stroke(255,198,211);
  strokeWeight(7);
  point(201,264);
  stroke(255,198,211);
  strokeWeight(7);
  point(232,261);
}



Leave a Reply