let mustache;

​

function setup() {

  createCanvas(640, 480);

  capture = createCapture(VIDEO);

  capture.size(640, 480);

  capture.hide();

}

​

function preload() {

  mustache = loadImage('mustache.png'); // Replace 'mustache.png' with the actual path to your mustache image

}

​

function draw() {

  background(255);

  //image(capture, 0, 0, width, height);

  image(mustache, 100, 100)

  // Detect face and draw mustache

  let face = getFace();

  if (face) {

    drawMustache(face);

  }

}

​

function getFace() {

  // Use a face detection library or algorithm to get the coordinates of the face

  // In this example, we're using p5.js built-in face tracking (you may need to include the face-api.js library)

  let face = null;

​

  // Your face detection logic here

​

  return face;

}

​

function drawMustache(face) {

  // Adjust the mustache position and size based on face coordinates

  let mustacheWidth = face.width * 1.5;

  let mustacheHeight = mustacheWidth * (mustache.height / mustache.width);

​

  // Draw the mustache

  image(mustache, face.x - mustacheWidth * 0.25, face.y + face.height * 0.6, mustacheWidth, mustacheHeight);

}

​

​