WebXR hand tracking playground
Demo's:
- Catch and throw the ball
A basketball is dropped from the sky. You can grab it and throw it away.
- Get the ball with hand gesture
You are in an empty basketball court. You can get the ball by opening your hand.
- Dance
Start the dance by opening your hand.
- VRM model animation
Start the animation by opening your hand.
- VRM model dance
Start the dance by opening your hand.
- Salsa bar (fast)
Start the dance by opening your hand.
- Salsa bar (slow)
2 VRM models animated with the complete Salsa BVH collection, originally from CMU
- Salsa lesson
Follow the hand and shoe moves from the leader. You can pause/resume the animation by opening your hand.
Added new features:
- Configured initial camera position and rotation
Thumb + Ring finger: Rotate around camera position.
Thumb + Pinky finger: Rotate around origin
-
In the Salsa lesson demo:
Closed hand gesture stops the animation.
Open hand gesture resumes animation.
- Elements
Atom Visualizer
- Ocean
ThreeJS Ocean demo
- Ship
ThreeJS Ocean demo + The Black Pearl + Jack Sparrow
- Beach
Beach
- BVH test
BVH test, drunk walking 10-minute rigged pirate
- BVH test 2
BVH test 2, Jack Sparrow drunk walking on tilting plane
- Salsa party
Located in a Victorian Greenhouse
8 VRM models animated with the complete Salsa BVH collection, originally from CMU
- Salsa party 2
Located in 'Ehemalige Kleeblatt Tankstelle Hannover'
6 VRM models animated with the complete Salsa BVH collection, originally from CMU
- Hand input profiles (ported from ThreeJS examples)
- Salsa party 3
Located in 'Ehemalige Kleeblatt Tankstelle Hannover'
ThreeJS VR hand models
2 VRM models animated with the complete Salsa BVH collection, originally from CMU
Using JS instead of TypeScript
- Salsa party 4
Located in 'Ehemalige Kleeblatt Tankstelle Hannover'
6 VRM models animated with the complete Salsa BVH collection, originally from CMU
Controlling animation using hand gestures
Built with:
Tested with:
Source code: