let faceMesh;

let faces = [];

​

let emitter;

​

function preload() {

  faceMesh = ml5.faceMesh({ maxFaces: 1, flipped: true });

}

​

function mousePressed() {

  console.log(faces);

}

​

function gotFaces(results) {

  faces = results;

}

​

function setup() {

  createCanvas(640, 480);

  video = createCapture(VIDEO, { flipped: true });

  video.hide();

  faceMesh.detectStart(video, gotFaces);

  emitter = new Emitter(300, 300);

}

​

function drawShape(points, indexes) {

    beginShape();

    for (let i = 0; i < indexes.length; i++) {

      let index = indexes[i];

      let keypoint = points[index];

​

      noFill();

      vertex(keypoint.x, keypoint.y);

    }

    endShape(CLOSE);

}

​

function draw() {

  background(0);

  image(video, 0, 0);

​

​

  if (faces.length > 0) {

    let face = faces[0];

    let box = face.box;

    /*

    for (let i = 0; i < face.keypoints.length; i++) {

      let keypoint = face.keypoints[i];

      stroke(255, 255, 0);

      strokeWeight(1);

      point(keypoint.x, keypoint.y);

    }

    */

​

    stroke(255, 255, 0);

    strokeWeight(2);

    drawShape(face.keypoints, lipsInterior);

    drawShape(face.keypoints, lipsExterior);

​

    let a = face.keypoints[13];

    let b = face.keypoints[14];

    let d = dist(a.x, a.y, b.x, b.y);

    d /= box.height;

​

    //let nose = face.keypoints[19];

    if (d > 0.1 && random(1) < 0.25) {

      let mouthCenterX = (a.x + b.x) * 0.5;

      let mouthCenterY = (a.y + b.y) * 0.5;

      emitter.addParticle(mouthCenterX, mouthCenterY, d);

    }

  }

​

  emitter.run();

}

​

// Thank you Jack B. Du for these lists!

// Define the exterior lip landmark indices for drawing the outer lip contour

let lipsExterior = [

  267,

  269,

  270,

  409,

  291,

  375,

  321,

  405,

  314,

  17,

  84,

  181,

  91,

  146,

  61,

  185,

  40,

  39,

  37,

  0,

];

​

// Define the interior lip landmark indices for drawing the inner lip contour

let lipsInterior = [

  13,

  312,

  311,

  310,

  415,

  308,

  324,

  318,

  402,

  317,

  14,

  87,

  178,

  88,

  95,

  78,

  191,

  80,

  81,

  82,

];

​