​

var x = 100;

var y = 100;

​

​

​

​

function setup() {

  createCanvas(800, 800);

}

​

​

function draw() {

  background("rgb(150,99,99)");

 // --------------CIRCLE

  fill("white");

  noStroke();

  circle(mouseX + 290, mouseY + 245, 500)

  //-------------- HEAD

  fill("rgb(236,215,189)")

  noStroke()

  circle(mouseX + 280, mouseY + 200, 300)

  //

  quad(mouseX + 412, mouseY + 126, mouseX + 164, mouseY + 297, mouseX + 332, mouseY + 422, mouseX + 437, mouseY + 422);

  //

  //----------------HAIR  

  fill("black")

  quad( mouseX + 169,mouseY + 190, mouseX + 233, mouseY + 140, mouseX + 198, mouseY + 40, mouseX + 81, mouseY + 134 )

  quad(mouseX + 196, mouseY + 42, mouseX + 394, mouseY + 22, mouseX + 400, mouseY + 78, mouseX + 210, mouseY + 97 )

  arc(mouseX + 390, mouseY + 80, mouseX + 30, mouseY + 20, -PI / 2, PI);

  fill("black")

  arc(mouseX + 190, mouseY + 200, mouseX + 100, mouseY + 200, 1, PI + QUARTER_PI,);

  //

  //---------------------NECK

  fill("rgb(236,215,189)")

  noStroke();

  rect( mouseX + 170, mouseY + 274, mouseX + 70, mouseY + 150)

  //

  //--------------------EAR:

  strokeWeight(2);

  stroke("rgb(54,52,52)")

  fill("rgb(236,215,189)")

  arc( mouseX + 190, mouseY + 230, mouseX + 50, mouseY , 2, PI + QUARTER_PI,);

  //

  //----------------------GLASSES:

  stroke("black");

  strokeWeight(5);

  line( mouseX + 135, mouseY + 189, mouseX + 265, mouseY + 185);

  //

  //-----------------------lenses 1

  fill("black")

  quad( mouseX + 272, mouseY + 168, mouseX + 260, mouseY + 218, mouseX + 344, mouseY + 216, mouseX + 354, mouseY + 170);

  //

  line( mouseX + 356, mouseY + 170, mouseX + 385, mouseY + 170);

  //

  //----------------------------lenses 2

  quad(mouseX + 380, mouseY + 170, mouseX + 372, mouseY + 217, mouseX + 434 , mouseY + 220, mouseX + 440, mouseY + 174);

  //

  //--------------------------MOUTH

  stroke("red");

  strokeWeight(2);

  fill("lightpink")

  quad(mouseX + 333, mouseY + 328, mouseX + 344, mouseY + 313, mouseX + 390, mouseY + 316, mouseX + 405, mouseY + 341);

  line(mouseX + 343,mouseY + 321, mouseX + 395, mouseY + 330)

​

  //

  //--------------------------BEARD

  noStroke()

  fill("black")

  quad(mouseX + 166, mouseY + 189, mouseX + 170, mouseY + 299, mouseX + 313, mouseY + 418, mouseX + 325, mouseY + 345)

  quad(mouseX + 166,mouseY + 189, mouseX + 170, mouseY + 299, mouseX + 313, mouseY + 418, mouseX + 325, mouseY + 345)

  quad(mouseX + 312, mouseY + 345,mouseX + 314, mouseY + 420, mouseX + 438,mouseY + 428,mouseX + 433, mouseY + 354)

  quad(mouseX + 393,mouseY + 320, mouseX + 414, mouseY + 358, mouseX + 432, mouseY + 361, mouseX + 430, mouseY + 300)

  quad(mouseX + 345,mouseY + 312,mouseX + 396,mouseY + 321,mouseX + 382,mouseY + 298,mouseX + 338,mouseY + 296)

  quad(mouseX + 302,mouseY + 324,mouseX + 325,mouseY + 352,mouseX + 346,mouseY + 312,mouseX + 340,mouseY + 299)

  //

  //

  //------------------------------NOSE

  stroke("black")

  strokeWeight(3);

  fill("rgb(236,215,189)")

  //arc(462, 317, 80, 100, -PI / 2, PI);

  arc(mouseX + 362,mouseY + 217,mouseX - 20,mouseY , mouseY - 100, HALF_PI);

}

​

function mousePressed() {

  console.log(mouseX, mouseY);

 }