Feat/hand tracking

[TiborUdvari]

Not quite ready to merge this, but to follow up on the API proposal in #216 it would look something like this

hello-handtracking.mp4

function preload() {
  createARCanvas();
}

function setup() {
  describe("A sphere on your right index finger");
  mainHandMode(RIGHT);
}

function draw() {
  normalMaterial();
  push();
  translate(finger.x, finger.y, finger.z);
  sphere(0.01);
  pop();
}

[TiborUdvari]

finger-pyramid.mp4

This would allow to have quick interactions like this in an "active area", a spatial equivalent to

function draw() {
  ellipse(mouseX, mouseY, 10, 10);
}

[TiborUdvari]

Full hands

full-hands.mp4

function preload() {
  createARCanvas();
}

function setup() {
  describe("Spheres on all the skeletal joints of the hand.");
}

function draw() {
  normalMaterial();
  for (let i = 0; i < hands.length; i++) {
    const joint = hands[i];
    push();
    translate(joint.x, joint.y, joint.z);
    sphere(0.01);
    pop();
  }
}

[TiborUdvari]

Other experiments here: https://www.tiborudvari.com/sketchbook

[TiborUdvari]

Also worth mentioning this depends on the #215 refactor

[stalgiag]

Amazing!