let poseNet;

let pose;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  video = createCapture(VIDEO);

  video.hide();

  poseNet = ml5.poseNet(video, modelLoaded);

  poseNet.on('pose', gotPoses);

}

​

function gotPoses(poses){

  if(poses.length > 0) {

    pose = poses[0].pose;

  }

}

​

function modelLoaded() {

  console.log('model working');

}

​

function draw() {

  background(220);

  translate(video.width, 0);

  scale(-1, 1);

  image(video, 0, 0);

  if(pose) {

    fill(255, 0, 0);

    ellipse(pose.nose.x, pose.nose.y, 64);

    fill(255);

    ellipse(pose.leftEye.x, pose.leftEye.y, 64);

    ellipse(pose.rightEye.x, pose.rightEye.y, 64);

    fill(0);

    ellipse(pose.leftEye.x - 10, pose.leftEye.y - 10, 32);

    ellipse(pose.rightEye.x + 10, pose.rightEye.y + 10, 32);

    // ellipse(pose.rightWrist.x, pose.rightWrist.y, 32);

    // ellipse(pose.leftWrist.x, pose.leftWrist.y, 32);

  }

}