Corta Diabetes
(2025)Interactive game developed using p5.js, integrating ML5 Handpose for gesture recognition and p5.SpeechRec for voice control, promoting awareness of healthy eating habits.
p5.jsML5 HandposeVoice Recognition
More Details
Technologies Used
The development of this projects utilized the p5.js library, an open-source JavaScript library that allows us to create interactive animations and graphics, as well as games with interactive experiences. In addition to its graphical capabilities, it also features a multimedia component that can be manipulated through the library.
Key Technology Integrations
- ML5 Handpose: This technology was implemented to recognize the hand shown in the camera, as well as identify the various key points of each finger on the hand. This enables gesture-based gameplay.
- p5.SpeechRec: This library was implemented to provide voice recognition functionality within the p5.js environment developed.
Game Objective and Structure
The game aims to raise awareness about healthier eating habits. The projects includes several key screens and components:
- Main Menu
- Options Menu
- How to Play Menu (Explaining the gesture and voice controls)
- Game Screen (Where the core gameplay, scoring, and life system are managed)
- Game Over Screen
Conclusion
The development of "Corta Diabetes" was an enriching experience, successfully integrating gesture detection and voice recognition to create innovative gameplay using p5.js and other interactive technologies. The final game fulfills its purpose of raising awareness for healthier eating habits.
