let heady = 200;

let eyex = 30;

let eyey = 20;

let pupilx = 15;

let pupily = 15;

let eyebrowy = 154

let earx = 20

let eary = 40

let mouthx = 350

let backR;

let backG;

let backB;

let mouthy = 15

​

function setup() {

  createCanvas(700, 600);

  backR = random(255);

  backG = random(255);

  backB = random(255);

}

​

function draw() {

   console.log(mouseX, mouseY);

  background(backR,backG,backB);

  // print(mouseX, mouseY);

  headx = map(mouseX,0,width, 345, 355);

 // heady = constrain(mouseY, 340, 210);

  eyebrowy = map(mouseY,0,width, 148, 158)

  mouthy = map(mouseY,0,width, 35,5)

  strokeWeight(0)

  //head

  fill(237, 193, 126)

  ellipse(headx,heady,150,200)

  //eye

  fill(250,250,250)

  ellipse(325,180,eyex,eyey)

  //eye

  fill(250,250,250)

  ellipse(375,180,eyex,eyey)

  //pupil

  fill(5,5,0)

  ellipse(375,180,pupilx,pupily)

  //pupil

  fill(5,5,0)

  ellipse(325,180,pupilx,pupily)

  //mouth

  fill(150, 6, 6)

  ellipse(mouthx,245,40,mouthy)

  //ear

  fill(237, 193, 126)

  ellipse(headx - 80,200,earx,eary)

  //ear

  fill(237, 193, 126)

  ellipse(headx + 80,200,earx,eary)

  //nose

  fill(260,210,130);

  beginShape();

  vertex(340,200)

  vertex(360,200)

  vertex(357,220)

  vertex(343,220)

  endShape()

  //hair

  fill(102, 54, 2);

  beginShape();

  vertex(350,101)

  vertex(360,101)

  vertex(355,80)

  endShape()

  fill(102, 54, 2);

  beginShape();

  vertex(360,102)

  vertex(370,104)

  vertex(367,80)

  endShape()

   fill(102, 54, 2);

  beginShape();

  vertex(340,104)

  vertex(350,102)

  vertex(343,80)

  endShape()

  fill(102, 54, 2);

  beginShape();

  vertex(330,104)

  vertex(340,102)

  vertex(333,80)

  endShape()

  //eyebrow

  fill(102, 54, 2);

  beginShape();

  vertex(310,160)

  vertex(340,160)

  vertex(330,eyebrowy)

  vertex(320,152)

  endShape()

  //eyebrow

    fill(102, 54, 2);

  beginShape();

  vertex(360,160)

  vertex(390,160)

  vertex(380,152)

  vertex(370,eyebrowy)

  endShape()

}