Sobre o projeto

WigglePlay é uma coleção de mini-jogos de aprendizagem de código aberto e baseada em navegador para crianças a partir de 2 anos e meio. Sua principal escolha de design é a eliminação do teclado e do mouse: as crianças interagem através de uma webcam, toque, microfone ou movimento do dispositivo. O catálogo pode ser navegado por estilo de interação, faixa etária e interesse, e todos os jogos listados são jogáveis. O README documenta 16 jogos. Os títulos de câmera e rastreamento de pose incluem Air Painting (aponte para pintar, passe por cima para escolher cores, punho fechado para parar), Catch the Stars (mova a mão para guiar uma cesta), Wave to Pop (toque em bolhas flutuantes), Fruit Slice (deslize pelas frutas), Tickle the Cat, Fly High, Bus Driver, Beep Meow Whoosh, Wiggle Mirror, 3D Toy Town e Simon Says Mirror. Os títulos de toque, microfone e movimento incluem Tap the Farm, Animal Call (apenas volume, sem gravação), Alphabet Trail, Path Tracer e Shake the Tree. Uma gaveta de configurações para adultos é protegida por um bloqueio parental de pressionar e segurar. Ela abrange som e voz, um modo de interação compartilhada (corpo inteiro, acenar com a mão, apontar o dedo ou apenas a cabeça), qualidade da câmera e responsividade do rastreamento, duração da sessão antes de uma tela de despedida e parâmetros por jogo, como velocidade, tamanho e taxa de surgimento. O app é projetado sem respostas erradas ou estados de derrota; as ações produzem recompensas sonoras e visuais, e as pontuações são exibidas, mas não importam. Os quadros da câmera são processados no dispositivo e não são gravados ou enviados. Os modelos MediaPipe e o runtime WASM são servidos localmente para uso offline. A stack tecnológica é Vite, React 19 e TypeScript. O rastreamento de mãos e pose utiliza MediaPipe Tasks Vision; o Three.js fornece mascotes e acessórios 3D procedurais gerados a partir de arte de adesivos com a habilidade img2threejs. As regras do jogo são mantidas em módulos logic.ts puros com testes, enquanto os componentes React lidam com a renderização do canvas e áudio. O README também descreve shells de desktop Electron para Windows e macOS, um shell mobile Expo para Android e iOS, pacotes de atualização offline no app, implantação via GitHub Actions para o GitHub Pages e uma licença MIT.