Bridging Fitness and Fun: Interactive Workout Game Using Web-Based Computer Vision

Are you ready to turn your workout routine into an engaging game? I’m excited to introduce a web-based interactive exercise experience that combines fitness with technology, built with cutting-edge tools such as MediaPipe and Three.js.

Currently, you can try a live demo, where your chin-up attempts are tracked and used to “save” virtual cats or dogs. The game also features a push-up mode, allowing users to select their preferred challenge—whether they aim to rescue adorable cats or loyal dogs while getting their workout in.

This innovative project leverages MediaPipe’s powerful body pose tracking capabilities, seamlessly integrated with Three.js for immersive 3D visuals, and Tone.js for smooth audio interactions. It’s a fun way to stay active and entertained simultaneously.

I am continuously refining the platform and would love to hear your thoughts or suggestions for additional exercises to incorporate. Feel free to explore the demo and share your feedback!

Check out the live version here: https://www.funwithcomputervision.com/chinup/

Stay tuned for updates as I develop more features to make fitness fun and interactive through innovative web technologies!