sketch.js

let capture;
let posenet;
let noseX, noseY;
let leyeX, leyeY;
let reyeX, reyeY;
let singlePose, skeleton;

function setup(){
    createCanvas(800, 500);
    capture = createCapture(VIDEO);
    capture.hide();

    posenet = ml5.poseNet(capture, modelLoaded);
    posenet.on('pose', recievedposes);
}

function recievedposes(poses){
    console.log(poses);
    if(poses.length>0){
        singlePose = poses[0].pose;
        skeleton = poses[0].skeleton;
    }
}

function modelLoaded(){
    console.log("Model Loaded Succesfully");
}

function draw(){
    image(capture, 0,0,800,500);
    fill(255,0,0);
    if(singlePose){
        for(let i=0; i<singlePose.keypoints.length;i++){
            ellipse(singlePose.keypoints[i].position.x, singlePose.keypoints[i].position.y, 10);
        }
        stroke(0,0,0);
        strokeWeight(3);
        for(let j=0; j<skeleton.length; j++){
            line(skeleton[j][0].position.x, skeleton[j][0].position.y,
                skeleton[j][1].position.x, skeleton[j][1].position.y, 10);
        }

    }   
}