​

​

//------------------------------------------

function setup() {

  createCanvas(640, 480);

  handsfree = new Handsfree({

    showDebug: true,

    hands: true,

    maxNumHands: 2

  })

  handsfree.start();

}

​

//------------------------------------------

function draw() {

  background(200);

  drawHand();

}

​

//------------------------------------------

function drawHand() {

  fill(0);

  noStroke();

​

  if (handsfree.data.hands) {

    if (handsfree.data.hands.multiHandLandmarks) {

      var landmarks = handsfree.data.hands.multiHandLandmarks;   

      var nHands = landmarks.length;

      for (var h = 0; h < nHands; h++) {

        for (var i = 0; i <= 20; i++) {

          var px = landmarks[h][i].x;

          var py = landmarks[h][i].y;

​

          px = map(px, 0, 1, width, 0);

          py = map(py, 0, 1, 0, height);

          circle(px, py, 10);

        }

      }

​

    }

  }

}