Creating a Fun and Engaging Fitness Game with Computer Vision: Rescue Cats with Your Chin-Ups!
Are you interested in blending fitness with innovative technology? I’m excited to share a unique project I’m developing—a web-based workout game that combines movement detection with interactive gameplay. Using cutting-edge computer vision with MediaPipe and engaging 3D graphics via Three.js, I’ve crafted a platform where your physical exercises control the game!
Explore the Live Demo
Curious to see it in action? Head over to the live demo here: https://www.funwithcomputervision.com/chinup/
Game Features
- Chin-Up Challenge: Perform chin-ups to “rescue” adorable cats in the virtual world.
- Push-Up Mode: Switch modes to rescue dogs or other creatures, adding variety to your workout.
- Interactive Controls: Use your body movements, tracked seamlessly through computer vision, to interact with the game environment.
Tech Stack
This project leverages:
– MediaPipe: For precise body pose tracking and exercise detection.
– Three.js: To render dynamic 3D scenes and characters.
– Tone.js: For adding sound and music enhancements, creating an engaging user experience.
Join the Development
I’m continually working on expanding this concept, and your feedback is invaluable. If you have ideas for new exercises or features you’d like to see integrated, please share! This is an evolving project aimed at making workouts more fun and interactive through technology.
Let’s turn exercise into an engaging game—hope to see you online!

