WebXR finger guns

Ahoy.

NOTE! As of 10 August 2020 this project has been deprecated in favor of Handy.js. Visit https://github.com/stewdio/handy.js for the latest updates and examples!

Im Stewart. This demo illustrates the use of the WebXR device hand input API for hand and finger tracking, as tested on an Oculus Quest stand-alone headset. This experience is live at https://stewartsmith.io/studies/vr-hands/. This code is open-source and available at https://github.com/stewdio/vr-hands.

Explore. Make your hand into a finger gun shape then tap your thumb down onto your middle finger to shoot lasers from your hand. Make a fist to cycle through different hand model styles. Devil horns toggle the hand-specific colors.

If you have a Quest handy youll need to follow these steps before you can experience the demo yourself:

In Oculus settings enable automatic switching between regular hand controlles and bare hands.
In the Oculus browser visit chrome://flags/.
Within the flags page, enable the WebXR experiences with joints tracking flag (#webxr-hands).
Within the flags page, disable the WebXR experiences with hands tracking flag (#webxr-hands-tracking). Yes. Disable it. Were at that funny early stage of the technology where things are not always what they seem.
Restart the Oculus browser and visit this site again. Use your hand controllers to click the Enter VR button. Once you are inside the experience put your controllers down, hold your hands out in front of you so that the headset can see them, and enjoy!