let video;

let hand;

let hands = [];

​

function preload() {

  // Load the handPose model

  handPose = ml5.handPose();

}

​

function setup() {

  createCanvas(640, 480);

  // Create the webcam video and hide it

  video = createCapture(VIDEO);

  video.size(640, 480);

  video.hide();

  // start detecting hands from the webcam video

  handPose.detectStart(video, gotHands);

}

​

function draw() {

  // Draw the webcam video

  image(video, 0, 0, width, height);

​

  console.log(gotHands);

}

​

// Callback function for when handPose outputs data

function gotHands(results) {

​

  if(results.length > 0){

    hand = results[0].keypoints;

    let inputs = [];

    for(let i = 0; hand.length; i++){

      let x = hand.x;

      let y = hand.y;

      inputs.push(x);

      inputs.push(y);

      console.log(inputs);

    }

    inputs = results;

  }

​

}

​

function modelLoaded() {

  console.log("handPose ready gan!");

}

​