WebXR Squat

Let's do squats together!

This application calculates whether you are squatting based on the current height of your HMD.
Press the trigger on the right controller to reset the neutral position.

Note: This experience includes background music. Please enjoy the music I created.

squat.mp4

How to run it on your HMD?

1. Try it on Vercel

The project is deployed on Vercel. You can access it directly via the following link:

👉 Live Demo

2. Run it Locally

1. Please use the model I created on Womp.

2. Add rigging, animations, and export the model using Mixamo (Air Squat Bent Arms, Yelling, Waving).
3. Use Blender's NLA editor to apply multiple animations to the model.

4. Compress the model and export it as a GLB file, then place it under public/models (the code references it as hmdMan.glb).
5. Run the following command.

yarn
yarn dev

6. Open the following link in a browser that supports WebXR on an HMD.(Replace "?" with the IP address)

https://???.???.?.?:8081/

Learn more about WebXR

https://immersiveweb.dev/

https://immersive-web.github.io/webxr/explainer.html

https://developers.meta.com/horizon/documentation/web/webxr-overview

https://developers.meta.com/horizon/develop/web