createCanvas(500, 500);

  background(255);

}

​

function mouseMoved() {

  console.log(`Mouse X: ${mouseX}, Mouse Y: ${mouseY}`);

}

​

function draw() {

  background(0);

   // Neck

  fill(255, 220, 185); // Skin color

  rect(174, 250, 150, 450); // Head

  noStroke();

​

  // Face

  fill(255, 220, 185); // Skin color

  stroke(0);

  ellipse(250, 250, 300, 450); // Head

​

   // Hair

  fill(50, 25, 0); // Dark brown

  arc(250, 150, 300, 300, PI, 0, OPEN); // Top of the hair

  fill(255, 220, 185); // Skin color

    // hair lines

  strokeWeight(0);

  fill(255, 220, 185); // Skin color

  triangle(166, 100, 133, 153, 177, 147); //Hair Lines

  triangle(202, 106, 171, 144, 219, 158); //Hair Lines

  triangle(249, 114, 215, 150, 270, 155); //Hair Lines

  triangle(306, 113, 215, 150, 345, 164); //Hair Lines

  triangle(366, 111, 215, 200, 375, 154); //Hair Lines

  // Eyes

  strokeWeight(3);

  fill(255); // White of the eyes

  ellipse(175, 175, 70, 60); // Left eye

  ellipse(325, 175, 70, 60); // Right eye

​

  fill(120,30,30); // Pupil

  strokeWeight(1.5);

  ellipse(175, 175, 30, 30); // Left pupil

  ellipse(325, 175, 30, 30); // Right pupil

​

  // Nose

  fill(230, 210, 165); // Skin color

  triangle(230, 290, 250, 220, 250, 290); // Nose

​

  // Mouth

  noFill();

  stroke(0);

  strokeWeight(3);

  arc(250, 325, 150, 100, 0, PI); // Mouth

}

​