createCanvas(600, 600);

}

​

function draw() {

  background('pink');

  //hair

  strokeWeight(10);

  stroke('#795548');

  fill('#795548')

  rect(135, 90, 330, 450, 100)

  //ears

  noStroke();

  fill(255, 225, 190);

  ellipse(150, 300, 50, 50);

  ellipse(450, 300, 50, 50);

  fill(255, 170, 150);

  ellipse(150, 300, 30, 30);

  ellipse(450, 300, 30, 30);

  //headphones

  if(mouseX > 120 && mouseX < 160)

  {

    if(mouseY > 270 && mouseY < 330)

    {

      noStroke();

      fill(0);

      ellipse(150, 300, 120, 120);

      ellipse(450, 300, 120, 120);

      strokeWeight(17);

      stroke(0);

      noFill();

      ellipse(300, 210, 350, 268);

    }

  }

   if(mouseX > 440 && mouseX < 480)

  {

    if(mouseY > 270 && mouseY < 330)

    {

      noStroke();

      fill(0);

      ellipse(150, 300, 120, 120);

      ellipse(450, 300, 120, 120);

      strokeWeight(17);

      stroke(0);

      noFill();

      ellipse(300, 210, 350, 268);

    }

  }

  //face

  noStroke();

  fill(255, 225, 190);

  ellipse(300, 300, 290, 335);

  strokeWeight(11);

  stroke(255, 225, 190);

​

  //mouth

  strokeWeight(10);

  stroke(205, 115, 115);

  line(260, 400, 280, 400);

​

  //smile

  if(mouseX > 250 && mouseX < 290)

  {

    if(mouseY > 390 && mouseY < 410)

    {

      strokeWeight(11);

      stroke(255, 225, 190);

      line(260, 400, 280, 400);

      strokeWeight(10);

      stroke(205, 115, 115);

      bezier(200, 350, 220, 420, 350, 400, 350, 400);

    }

  }

  //eyes open

  noStroke();

  fill(255);

  ellipse(240, 260, 60, 60);

  ellipse(360, 260, 60, 60);

  fill('rgb(144,111,65)')

  ellipse(240, 260, 40, 40);

  ellipse(360, 260, 40, 40);

  noStroke();

  fill(0);

  ellipse(240, 260, 20, 20);

  ellipse(360, 260, 20, 20);

  //left eye closed

  if(mouseX > 210 && mouseX < 270)

  {

    if(mouseY > 230 && mouseY < 290)

    {

      noStroke();

      fill(255, 225, 190);

      ellipse(240, 260, 61, 61);

      strokeWeight(10);

      stroke(0);

      noFill();

      bezier(210, 260, 210, 305, 270, 305, 270, 260);

    }

  }

  //right eye closed

  if(mouseX > 330 && mouseX < 390)

  {

    if(mouseY > 230 && mouseY < 290)

    {

      noStroke();

      fill(255, 225, 190);

      ellipse(360, 260, 61, 61);

      strokeWeight(10);

      stroke(0);

      noFill();

      bezier(330, 260, 330, 305, 390, 305, 390, 260);

    }

  }

  //eyebrows

  strokeWeight(10);

  stroke('#795548');

  line(200, 210, 250, 190);

  line(350, 190, 400, 210);

  //left eyebrow raised

  if(mouseX > 190 && mouseX < 260)

  {

    if(mouseY > 180 && mouseY < 220)

    {

      strokeWeight(11);

      stroke(255, 225, 190);

      line(200, 210, 250, 190);

      strokeWeight(10);

      stroke('#795548');

      line(200, 190, 250, 170);

    }

  }

  //right eyebrow raised

  if(mouseX > 340 && mouseX < 410)

  {

    if(mouseY > 180 && mouseY < 220)

    {

      strokeWeight(11);

      stroke(255, 225, 190);

      line(350, 190, 400, 210);

      strokeWeight(10);

      stroke('#795548');

      line(350, 170, 400, 190);

    }

  }

  //nose

  stroke(255, 170, 150);

  noFill();

  bezier(290, 330, 305, 345, 325, 325, 310, 310);

  //bangs 

  fill('#795548')

  noStroke()

  rect(210, 110, 180, 80, 58)

​

​

}

​

​