JSGames
👾 JSGames - Games using vanilla Javascript and gesture detection movenet of hand to change gaming
Website: https://eugensosna.github.io/JSGames/ 🌐
Games source
1. Arkade 1 : Link
2. Arkade 2:Link
3. Ping Pong: Link
Stroke Rehabilitation Through Gaming 🎮🏥
Transforming recovery into an engaging, accessible experience using hand gesture recognition and browser-based games.
🌟 The Vision
Stroke recovery often involves long, repetitive rehabilitation exercises that can feel monotonous and demotivating. What if we could turn rehabilitation into a game?
This project combines cutting-edge hand tracking technology with simple arcade games to make stroke rehabilitation more engaging, accessible, and effective. Using just a laptop with a webcam, patients can now practice essential motor skills through interactive gameplay.
💡 Why This Matters
- Accessibility: No special equipment needed - just a browser and webcam
- Engagement: Gaming elements increase motivation and adherence to therapy
- Precision: MediaPipe technology provides accurate hand tracking for therapeutic exercises
- Affordability: Free, open-source solution available to anyone
- Evidence-based: Targets specific motor skills crucial for stroke recovery
🎯 Therapeutic Benefits
Motor Skills Development
- Hand-eye coordination through paddle control
- Range of motion exercises disguised as gameplay
- Fine motor control improvement
- Reaction time enhancement
- Sustained attention training
Specific Movements Trained
- Vertical movements (Y-axis): Improves arm stability and endurance
- Horizontal movements (X-axis): Enhances wrist rotation and lateral control
- Position holding: Builds muscle memory and strength
🕹️ Featured Games
1. Ping Pong
- Target: Vertical hand movements (Y-axis control)
- Benefits: Arm stability, position holding, muscle endurance
- Mechanics: Control paddle vertically to keep ball in play
2. Arcade Breakout
- Target: Horizontal hand movements (X-axis control)
- Benefits: Wrist rotation, lateral movement precision
- Mechanics: Move paddle horizontally to break blocks
🛠️ Technology Stack
- Hand Tracking: Google MediaPipe for JavaScript
- Platform: Browser-based (HTML5/JavaScript)
- Input: Webcam-based gesture recognition
- Games: Modified open-source arcade games
🚀 Getting Started
Prerequisites
- Modern web browser (Chrome, Firefox, Safari)
- Webcam
- Internet connection (for MediaPipe library)
Installation
- Clone this repository:
git clone https://github.com/eugensosna/JSGames.git - Open the game files in your browser
- Allow webcam access when prompted
- Start playing and rehabilitating!
Usage
- Position yourself in front of the webcam
- Raise your hand so it’s visible to the camera
- Move your wrist to control the game paddle
- The games will track your hand movements in real-time
🎯 Target Audience
- Stroke survivors in various stages of recovery
- Physical therapists looking for engaging therapy tools
- Caregivers supporting rehabilitation at home
- Healthcare institutions seeking cost-effective rehab solutions
- Researchers interested in gamified therapy approaches
🤝 Contributing
This project welcomes contributions from:
- Developers: Improve game mechanics, add new games
- Healthcare professionals: Provide clinical insights and validation
- Patients and families: Share feedback and experiences
- Researchers: Contribute studies and effectiveness data
📋 Roadmap
- Add statistic
- Develop difficulty adjustment algorithms
- Create therapist dashboard for monitoring
- Add more game varieties targeting different motor skills
- Implement multiplayer features for social engagement
- Mobile app development with Flutter
🏥 Clinical Considerations
Important: This tool is designed to supplement, not replace, professional medical care. Always consult with healthcare providers before starting any rehabilitation program.
📄 License
This project is open-source and available under [appropriate license]. We believe accessible healthcare technology should be freely available to all who need it.
🙏 Acknowledgments
- MediaPipe team at Google for their incredible hand tracking technology
- Open-source game developers whose projects formed the foundation
- Stroke survivors and their families who inspire this work
- Healthcare professionals dedicated to improving patient outcomes
Together, we can make rehabilitation more engaging, accessible, and effective. One game at a time. 🎮💪