createCanvas(600, 570);

}

​

function draw() {

  background("pink");

​

  var x = mouseX;

  var y = mouseY;

​

  //clothes

  fill("#3d82ed");

  //rect(280, 405, 100, 200, 50, 35, 10, 10); //right

  //rect(220, 390, 100, 200, 50, 35, 10, 10);//left

​

  //Hair

  fill("black");

  arc(x - 300, y - 240, 240, 299, QUARTER_PI + HALF_PI, QUARTER_PI, OPEN);

​

  fill("white");

  arc(x - 300, y - 329, 250, 140, QUARTER_PI + HALF_PI, QUARTER_PI, OPEN);

​

  //fill ("black");

  //rect(220, 200, 180, 230, 30, 30, 30, 50);

​

  //neck

  fill("#fff0db");

  rect(x - 317, y - 190, 35, 45, 10, 10);

​

  //Ears

  ellipse(x - 389, y - 255, 40, 50, 0);

​

  ellipse(x - 210, y - 255, 40, 50, 0);

​

  //Head

  noStroke();

  fill("#fff0db");

  ellipse(x - 300, y - 270, 183, 200);

​

  //Hair 2

  fill("white");

  arc(x - 300, y - 350, 100, 70, QUARTER_PI + HALF_PI, QUARTER_PI, OPEN);

​

  //eye 1

  fill("black");

  circle(x - 335, y - 290, 25);

​

  fill("white");

  circle(x - 330, y - 296, 10);

​

  fill("white");

  circle(x - 341, y - 285, 7);

​

  //eye 2x

  fill("black");

  circle(x - 260, y - 290, 25);

​

  fill("white");

  circle(x - 258, y - 298, 10);

​

  fill("white");

  circle(x - 263, y - 290, 7);

​

  //Mouth

  fill("#ff4760");

  arc(x - 300, y - 220, 40, 50, 0, PI);

​

  //Nose

  fill("#ff4760");

  ellipse(x - 300, y - 255, 10, 8);

​

  //Eyebrows

  fill("white");

  arc(x - 335, y - 307, 35, 15, PI, TWO_PI, OPEN);

  arc(x - 260, y - 307, 35, 15, PI, TWO_PI, OPEN);

​

  //clothes

  fill("#3d82ed");

  rect(x - 377, y - 150, 150, 200, 20);

​

  //White pocket

  fill("white");

  rect(x - 357, y - 110, 48, 50, 10);

}

​

​