À propos du projet
WigglePlay est une collection open-source de mini-jeux d'apprentissage basés sur le navigateur pour les tout-petits âgés de 2 ans et demi et plus. Son choix de conception central est l'élimination du clavier et de la souris : les enfants interagissent via une webcam, le toucher, un microphone ou le mouvement de l'appareil. Le catalogue peut être parcouru par style d'interaction, tranche d'âge et centre d'intérêt, et chaque jeu répertorié est jouable.
Le README documente 16 jeux. Les titres utilisant la caméra et le suivi de pose incluent Air Painting (pointer pour peindre, survoler pour choisir les couleurs, poing fermé pour arrêter), Catch the Stars (déplacer une main pour guider un panier), Wave to Pop (toucher des bulles flottantes), Fruit Slice (balayer les fruits), Tickle the Cat, Fly High, Bus Driver, Beep Meow Whoosh, Wiggle Mirror, 3D Toy Town et Simon Says Mirror. Les titres utilisant le toucher, le microphone et le mouvement incluent Tap the Farm, Animal Call (volume uniquement, sans enregistrement), Alphabet Trail, Path Tracer et Shake the Tree.
Un tiroir de paramètres pour les adultes est protégé par un verrou parental (appui long). Il couvre le son et la voix, un mode d'interaction partagé (corps entier, agiter la main, pointer du doigt ou tête uniquement), la qualité de la caméra et la réactivité du suivi, la durée de la session avant l'écran d'au revoir, ainsi que des paramètres par jeu tels que la vitesse, la taille et le taux d'apparition. L'application est conçue sans mauvaises réponses ni états de défaite ; les actions produisent des récompenses sonores et visuelles, et les scores sont affichés mais n'ont pas d'importance. Les images de la caméra sont traitées sur l'appareil et ne sont ni enregistrées ni téléchargées. Les modèles MediaPipe et le runtime WASM sont servis localement pour une utilisation hors ligne.
La pile technique est composée de Vite, React 19 et TypeScript. Le suivi des mains et des poses utilise MediaPipe Tasks Vision ; Three.js fournit des mascottes et des accessoires 3D procéduraux générés à partir d'art autocollant avec la compétence img2threejs. Les règles du jeu sont conservées dans des modules logic.ts purs avec des tests, tandis que les composants React gèrent le rendu du canvas et l'audio. Le README décrit également des shells de bureau Electron pour Windows et macOS, un shell mobile Expo pour Android et iOS, des bundles de mise à jour hors ligne intégrés, le déploiement via GitHub Actions vers GitHub Pages, et une licence MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.