let Ear; // Declare

let Eyebrow; // Declare

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  // background

  background(500, 200, 300);

​

  // eyeball vertical moving (using sin for smooth movement)

  Eyeball = sin(frameCount * 0.05) * 5;

​

  // Ear moving

  Ear = sin(frameCount * 0.05) * 5;

​

  // Eyebrow movement

  Eyebrow = sin(frameCount * 0.05) * 5;

​

  //angle for pupil movement based on mouse position

  let angle = atan2(mouseY - 200, mouseX - 200); // Angle from center of face to mouse position

​

  // Calculate pupil positions using the angle

  let pupilX = cos(angle) * 20; // X  pupil movement

  let pupilY = sin(angle) * 20; // Y  pupil movement

​

  // Back hair

  fill(0, 0, 0);

  noStroke();

  ellipse(200, 160, 230, 210);

  rect(85, 150, 160, 220);

  rect(150, 150, 165, 220);

​

  // Neck

  push();

  rectMode(CENTER);

  fill(250, 210, 175);

  noStroke();

  rect(200, 300, 70, 100);

  pop();

​

  // Face

  fill(250, 210, 175);

  ellipse(200, 200, 215, 230);

​

  // Eyes (Pupils move in the same direction)

  fill(0);

  ellipse(150 + pupilX, 200 + pupilY, 20, 20); // Left pupil

  ellipse(250 + pupilX, 200 + pupilY, 20, 20); // Right pupil

​

  // Eyebrows

  stroke(0);

  strokeWeight(10);

  line(145, 155 + Eyebrow, 180, 160);

  line(230, 160, 260, 158 + Eyebrow);

​

  // Front hair (side bangs)

  push();

  noStroke();

  translate(150, 130);

  rotate(radians(45));

  fill(0, 0, 0);

  ellipse(0, 0, 55, 172);

  pop();

​

  push();

  noStroke();

  translate(255, 130);

  rotate(radians(-45));

  fill(0, 0, 0);

  ellipse(0, 0, 55, 161);

  pop();

​

  // Lips

  noStroke();

  fill(230, 165, 165);

  ellipse(200, 270, 70, 30);

​

  // Nose

  stroke(207, 140, 93);

  strokeWeight(3);

  noFill();

  arc(200, 220, 30, 35, HALF_PI, PI);

​

  // Ears move left and right

  fill(250, 210, 175);

  noStroke();

  circle(100 + Ear, 230, 30);

  circle(300 + Ear, 230, 30);

​

  // light blue shirt

  push();

  rectMode(CENTER);

  noStroke();

  fill(173, 216, 230);

  rect(200, 430, 200, 200, 90, 90, 0, 0);

  pop();

}

​