let video;

let poseNet;

let noseX = 0;

let noseY = 0;

let lfteyeX = 0

let lfteyeY = 0

let img;

​

function preload() {

  img = loadImage("eye.png");

​

}

​

function setup(){

    createCanvas(500, 400);

    video = createCapture(VIDEO);

    video.hide();

    poseNet = ml5.poseNet(video, modelReady);

  poseNet.on('pose', gotPoses);

}

​

function gotPoses(poses) {

  //console.log(poses);

  if(poses.length > 0) {

  let nX = poses[0].pose.keypoints[0].position.x; 

  let nY = poses[0].pose.keypoints[0].position.y;

  let eyeX = poses[0].pose.keypoints[1].position.x

  let eyeY = poses[0].pose.keypoints[1].position.y

  noseX = lerp(noseX, nX, 0.4) - 16;

  noseY = lerp(noseY, nY, 0.4) - 40; 

  lfteyeX = lerp(lfteyeX, eyeX, 0.4) - 16;

  lfteyeY = lerp(lfteyeY, eyeY, 0.4) - 40;

}

}

​

​

function modelReady() {

  console.log('model ready');

}

​

function draw(){

    image(video, 0,0);

  let d = dist(noseX, noseY, lfteyeX, lfteyeY);

    image(img, noseX, noseY, d);

}

​