createCanvas(400, 400);

  frameRate(60);

}

​

function draw() {

  background(100, 141, 155);

 //Behind Hair

  stroke(62,50,37);

  fill(62,50,37);

  ellipse(182,176,40,19);

  ellipse(220,176,40,19);

  quad(164,175,238,175,248,293,157,293);

  ellipse(164,189,20,25);

  quad(155,193,162,202,162,221,153,216)

  ellipse(156,205,20,25);

  quad(146,207,162,231,158,260,148,262);

  square(156,262,10);

  quad(147,260,158,269,156,285,140,272);

  triangle(130,264,154,283,138,282);

  triangle(237,240,254,244,246,259);

  quad(242,231,250,216,260,245,242,240);

  ellipse(240,205,20,60);

  square(195,176,8);

  square(198,169,8);

  //face

  //midface

  noStroke();

  rectMode(CENTER);

  fill(229,209,193);

  rect(202,212,72,60);

  //chin

  noStroke();

  square(200,245,10);

  square(200,254,10);

  square(200,262,10);

  square(209,245,10);

  rect(183,245,25,10);

  rect(224,245,21,10);

  triangle(171,249,195,249,195,265);

  triangle(231,250,204,265,204,250);

  //sideFace

  noStroke();

  rect(165,231,8,15);

  rect(239,231,8,15);

  square(165,222,8);

  square(239,222,8);

  triangle(166,197,166,217,160,217);

  triangle(239,197,238,217,244,217);

  //eyebrows

  fill(79,51,28);

  triangle(184,207,189,208,178,209);

  triangle(208,205,217,208,210,208);

  //ear

  ellipse(158,225,10,15);

  ellipse(245,225,10,15); 

  //hair

  stroke(62,50,37);

  fill(62,50,37);

  square(219,185,20);

  triangle(214,177,237,179,237,207);

  triangle(187,179,165,179,165,203);

  square(202,185,8);

  square(209,185,8);

  rect(210,193,15,8);

  square(221,200,8);

  square(230,200,8);

  square(230,208,8);

  square(239,213,8);

  square(169,199,8);

  square(190,185,8);

  square(182,189,8);

  square(173,192,8);

  rect(166,210,8,12);

  ellipse(243,210,20,23);

  rect(241,194,20,40);

  ellipse(248,187,15,25)

  square(198,160,5);

  square(205,160,3);

  square(204,152,1);

  //neck

  noStroke();

  fill(229,209,193);

  triangle(184,257,194,264,176,280);

  quad(193,264,211,264,230,277,175,277);

  triangle(220,256,226,275,200,262);

  //body

  rect(203,287,80,20);

  triangle(163,277,163,296,138,296);

  triangle(243,276,243,296,264,297);

  //Left Eye 

  stroke(1)

  fill(17,18,17);

  square(185,215,4);

  square(190,215,4);

  square(180,215,4);

  square(175,212,2);

  square(193,220,4);

  square(175,220,4);

  fill(99,66,31);

  rectX = random(176,222);

  rect(186,220,10,6);

  // Right Eye

  //rectX = random(210,220);

  fill(17,18,17);

  square(210,215,4);

  square(215,215,4);

  square(220,215,4);

  square(226,220,4);

  square(225,212,2);

  square(208,220,4);

  fill(99,66,31);

  rectX = random(210,225);

  rect(219,220,10,6);

  //blush

  noStroke();

  fill(202,135,168);

  ellipse(181,231,10,8);

  ellipse(220,231,10,8);

  //nose

  fill(180,160,151);

  rect(200,228,5,12);

  rect(202,233,8,3);

  //mouth

  fill(139,120,107);

  rect(200,247,10,5);

  //clothes

  fill(mouseY,193,117,135);

  rect(202,306,129,24);

  fill(mouseX,205,202,184);

  rect(163,282,10,23);

  rect(240,282,10,23);

  quad(158,292,245,293,265,319,138,319);

  //earring

  circleX = random(width);

  fill(225,125,186);

  circle(156,228,5);

  circle(246,228,5);

  //bow

  fill(mouseX,227,34,80);

  circle(173,190,10);

  triangle(175,190,186,180,186,196);

  triangle(170,189,159,180,159,196);

​

​

  //cooridnate indicator

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

}

​