wiggleplay

WigglePlay는 2세 반 이상의 유아를 위한 오픈 소스 브라우저 기반 학습 미니 게임 모음입니다. 핵심 설계 선택은 키보드와 마우스를 제거하는 것이며, 아이들은 웹캠, 터치, 마이크 또는 기기 움직임을 통해 상호작용합니다. 카탈로그는 상호작용 스타일, 연령대 및 관심사에 따라 탐색할 수 있으며, 나열된 모든 게임을 플레이할 수 있습니다. README에는 16개의 게임이 문서화되어 있습니다. 카메라 및 포즈 추적 타이틀로는 Air Painting(가리켜서 그리기, 호버링으로 색상 선택, 주먹으로 중지), Catch the Stars(손을 움직여 바구니 안내), Wave to Pop(떠다니는 거품 터치), Fruit Slice(과일 썰기), Tickle the Cat, Fly High, Bus Driver, Beep Meow Whoosh, Wiggle Mirror, 3D Toy Town 및 Simon Says Mirror가 있습니다. 터치, 마이크 및 모션 타이틀로는 Tap the Farm, Animal Call(음량만 측정, 녹음 없음), Alphabet Trail, Path Tracer 및 Shake the Tree가 포함됩니다. 성인을 위한 설정 서랍은 길게 누르기 방식의 부모 게이트로 보호됩니다. 여기에는 사운드 및 음성, 공유 상호작용 모드(전신, 손 흔들기, 손가락 가리키기 또는 머리만 사용), 카메라 품질 및 추적 응답성, 작별 화면이 나오기 전의 세션 길이, 그리고 속도, 크기, 생성률과 같은 게임별 매개변수가 포함됩니다. 이 앱은 오답이나 패배 상태가 없도록 설계되었습니다. 모든 행동은 소리와 시각적 보상을 생성하며, 점수가 표시되지만 중요하지는 않습니다. 카메라 프레임은 기기 내에서 처리되며 기록되거나 업로드되지 않습니다. MediaPipe 모델과 WASM 런타임은 오프라인 사용을 위해 로컬에서 제공됩니다. 기술 스택은 Vite, React 19 및 TypeScript입니다. 손 및 포즈 추적에는 MediaPipe Tasks Vision이 사용되며, Three.js는 img2threejs 기술로 스티커 아트에서 생성된 절차적 3D 마스코트와 소품을 제공합니다. 게임 규칙은 테스트가 포함된 순수 logic.ts 모듈에 유지되며, React 컴포넌트가 캔버스 렌더링과 오디오를 처리합니다. 또한 README에는 Windows 및 macOS용 Electron 데스크톱 셸, Android 및 iOS용 Expo 모바일 셸, 앱 내 오프라인 업데이트 번들, GitHub Pages로의 GitHub Actions 배포 및 MIT 라이선스에 대해 설명하고 있습니다.