createCanvas(400, 500);

}

​

function draw() {

  background(108, 125, 145);

  var x= mouseX; //the fill and movement

  var y= mouseY; //the fill and movement

   //hair and color

  noStroke(0)

  fill("black");

  rect(255,130,105,165);

  fill("black");

  rect(21,130,185,165);

  fill("black")

  // face and color

  noStroke(0)

  fill(232, 217, 193);

  rect(100,100,185,190,5);

  // the bangs

  noStroke(0)

  fill("black")

  arc(190,130, 340, 230, PI,       TWO_PI);

   // the neck and color

  fill(232, 217, 193);

  rect(134,260,120);

   //shoulders and color

  noStroke(0)

  fill(247, 208, 244);

  rect(x-110,350, 300,300,5);

 //the brown eye part

  fill(92, 71, 58);

  ellipse(x-20,160, 60,50);

  ellipse(x+ 80,160, 60,50);

   // eyes and color

  fill("black")

  circle(x-20, 165,38);

  circle(x+80,165,38);

  fill("white")

  circle(124,152,15);

  circle(225,152,15);

  circle(145,169,10);

  circle(246,169,10);

  // glasses and color

  stroke("black")

  strokeWeight(5)

  fill(x, y, 247,127);

  circle(140,160,70,60);

  fill(x, y, 247,127);

  circle(240,160,70,50);

  noStroke(0)

  fill("black")

  rect(173,170,35,3);

​

  //top lip

  noStroke(0)

  fill(217, 143, 183)

  translate(-100,-160)

  arc(280,400,40,20,PI,0);

  arc(295,400,40,20,PI,0);

  //bottom lip

  fill(217, 143, 183)

  arc(288,400,57,23,0,PI);

  //nose

  fill(240,212, 211)

  circle(287,363,25);

​

​

​

​

​

}

​