// YUMMY FLIES

//=========================

// based on code from

// https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/0-introduction/patt-vira

// https://youtu.be/2h8VArJ3gnQ

​

let video;

let faceMesh;

let faces = [];

let mouthX, mouthY, mouthW;

​

let movers = [];

let attractors = [];

​

function preload() {

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

}

​

function gotFaces(results) {

  faces = results;

}

​

function setup() {

  createCanvas(640, 480);

  var constraints = {

    audio: false,

    video: {

      mandatory: {

        minWidth: 640,

        minHeight: 480

      }

    }

  };

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

  video.hide();

​

  faceMesh.detectStart(video, gotFaces);  

}

​

function draw() {

  background(0);

  image(video, 0, 0);

​

  if (faces.length > 0) {

    let face = faces[0];

    let keypoints = face.keypoints;

    let mouthTop = keypoints[13];

    let mouthBottom = keypoints[14];

    fill(255);

    mouthX = (mouthTop.x + mouthBottom.x)/2;

    mouthY = (mouthTop.y + mouthBottom.y)/2;

    mouthW = Math.round(mouthBottom.y - mouthTop.y,0);

    if (mouthW < 5) { mouthW = 0;}

    if (attractors.length == 0 && mouthW > 0) {

      let a = new Attractor(mouthX, mouthY, mouthW, 10);

      attractors.push(a);

    } else if (attractors.length == 1 && mouthW > 0) {

      attractors[0].pos.x = mouthX;

      attractors[0].pos.y = mouthY;

      attractors[0].mass = mouthW;

    } else if (attractors.length == 1 && mouthW == 0) {

      attractors.pop();

    }

  }

  for (let mover of movers) {

    mover.update();

    mover.show();

    for (let attractor of attractors) {

      attractor.attract(mover);

    }

  }

  for (let attractor of attractors) {

    attractor.show();

  }

  if (random(100) < 3 && movers.length < 80) {

    let mover = new Mover();

    movers.push(mover);

  }

}

​