WebXR - Hand Tracking Examples 👐 Star Sponsor

by Marlon Lückert (https://marlon-lueckert.de)

How to run? 🔧

  1. Use a supported device (e.g. Oculus Quest)
  2. Enable the experimental feature in the browser (Oculus Browser 11)
    1. Visit chrome://flags/
    2. Enable WebXR experiences with joints tracking (#webxr-hands)
  3. Enable "Auto Enable Hands or Controllers" (Quest Settings (Gear Icon) -> Device -> Hands and Controllers)
  4. Open an example from below
  5. Enter the VR experience
    1. If you have WebXR experiences with hands tracking (#webxr-hands-tracking) enabled, you can start the VR experience with your hands
    2. If you have WebXR experiences with hands tracking (#webxr-hands-tracking) disabled, use your controllers (not your hand) to enter the VR experience after that put the controllers down
  6. Enjoy ☺️

Basic Example

Open Example Show Video

Improved Hand Mesh Example

Open Example Show Video

A-Frame Integration

Open Example Show Video

A-Frame Physics Test

Open Example Show Video

A-Frame Hand Mesh

Open Example Show Video

A-Frame Networked Hand Tracking

Open Example

3D Drawing

Open Example Show Video