createCanvas(300, 350);

}

​

function draw() {

  background(204,229,255);

  strokeWeight(5);

  //RightEar

  fill(255,229,204)

  ellipse(226,165,25,40)

  //hoodie. Less focus was put on the hoodie

  fill(180)

  ellipse(90,230,120,70)

  fill(230)

  rect(225,265,30,160,20)

  rect(70,250,160,150,20)

  rect(40,265,40,160,20)

  //head shape. Found the beginshape function from youtube. I may change this to curvevertex function to smooth out the bumpy head.

  fill(255,229,204)

  beginShape();

  vertex(65,128);

  vertex(69,163);

  vertex(74,201);

  vertex(94,244);

  vertex(142,265);

  vertex(183,263);

  vertex(211,243);

  vertex(225,195);

  vertex(225,141);

  vertex(222,113);

  vertex(206,85);

  vertex(186,66);

  vertex(159,57);

  vertex(128,57);

  vertex(99,63);

  vertex(75,91);

  endShape(CLOSE)

  //LeftEar

  fill(255,229,204)

  ellipse(65,165,25,40)

  //Glasses

  fill(255,229,204)

  stroke(2)

  line(62,142,83,138)

  line(147,139,156,138)

  ellipse(115,150,68,44)

  ellipse(189,150,68,44)

  //Eyebrows

  //Going to change to ARC Figuring it out.

  line(90,120,115,115)

  line(115,115,140,125)

  line(160,125,185,115)

  line(185,115,210,120)

  //Eyes

  fill(255);

  ellipse(115,150,45,27);

  ellipse(185,150,45,27);

  strokeWeight(3);

  fill(150,100,0);

  circle(120, 150,20);

  circle(190,150,20);

  fill(0);

  circle(120,150,5);

  circle(190,150,5);

  fill(255);

  circle(115,145,10);

  circle(185,145,10);

  //curve(165, 0, 120, 135, 120, 161, 136, 150);

  //curve(240, 0, 190, 135, 190, 161, 206, 150);

  //Very confused on control ppoints of curved lines. Reverting to a simpler circle for now

  //nose\

  strokeWeight(5)

  line(156,158,163,178);

  line(163,178,167,180);

  line(167,180,170,184);

  line(170,184,170,188);

  line(170,188,166,192);

  line(154,182,150,187);

  //Beard. I may change this to a curvevertex to smooth out the bump beard.

  fill(115,70,70) 

  beginShape()

  vertex(75,165)

  vertex(70,180)

  vertex(75,234)

  vertex(143,274)

  vertex(194,277)

  vertex(225,233)

  vertex(227,185)

  vertex(218,180)

  vertex(200,200)

  vertex(185,200)

  vertex(180,194)

  vertex(162,196)

  vertex(130,195)

  vertex(125,200)

  vertex(110,200)

  vertex(93,189)

  endShape(CLOSE)

  //mouth

  strokeWeight(2)

  fill(255,200,195)

  beginShape();

  curveVertex(136, 227);

  curveVertex(150, 218);

  curveVertex(165, 218);

  curveVertex(182, 220);

  curveVertex(176, 232);

  curveVertex(156, 230);

  curveVertex(146,231)

  endShape(CLOSE); 

  line(160,224,180,226)

  line(160,224,138,226)

  //Help track mouse (found this on youtube)

  fill(255,0,0);

  text("("+mouseX+","+mouseY+")",mouseX, mouseY);

}