let video;

let poseNet;

let poses = [];

let positions = [];

​

let x = 0;

let y = 0;

var xspeed = 5;

var yspeed = 2;

​

function preload() {

  img = loadImage('10_1.png');

}

​

function setup() {

  createCanvas(img.width, img.height);

  video = createCapture(VIDEO);

  video.size(width, height);

  video.hide();

  blurred = img.get()

  blurred.filter(BLUR, 25);

​

  mask = createGraphics(img.width, img.height)

  mask.background(0, 0, 0, 0);

  mask.fill(255);

​

  poseNet = ml5.poseNet(video, {

    flipHorizontal: false

  }, modelReady);

  poseNet.on('pose', function(results) {

    poses = results;

    console.log(poses);

  });

​

  background(100);

}

​

function modelReady() {

  select('#status').html('Model Loaded');

}

​

​

function draw() {

  image(blurred, 0, 0);

​

  unblurred = img.get()

  unblurred.mask(mask)

  image(unblurred, 0, 0);

​

  if (poses.length > 0) {

    //let leftWrist = poses[0].pose.keypoints[9].position;

    let rightWrist = poses[0].pose.keypoints[10].position;

    //fill(255, 64);

    ellipseMode(CENTER);

    //fill(0, 0, 0);

    noFill();

    noStroke();

    ellipse(rightWrist.x, rightWrist.y, 20, 20);

   // fill(0, 0, 255);

    //ellipse(leftWrist.x, leftWrist.y, 20, 20);

    mask.fill(0, 0, 0, 20);

    mask.noStroke();

    mask.ellipse(rightWrist.x, rightWrist.y, 40, 50);

​

  }

​

​

  //    if (mouseIsPressed) {

  //        mask.fill(0, 0, 0, 20)

  //        mask.noStroke()

  //        mask.ellipse(mouseX, mouseY, 40,50);

​

  //    }

}