このプロジェクトについて
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ライセンスについて記載されています。
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.