ライブで試す 説明
子どもは、ルールをわかっていても、次の切り替えを難しく感じることがあります。「I KNOW」は、次に起こることを具体的な合図にそってひとつずつリハーサルできる、小さな 3D の教室を用意しています。次の変化を乗り越える手立てを必要としている子どもへ、贈り物として届ける世界です。
夢中になっていた教室での活動が終わるところで、訪れた人はなじみのある場所を見て回り、関節の動く子どもが「手はここ」「一歩下がる」「深呼吸して休憩」をやってみせるのを見て、動作をひとつずつ確認してから次へ進みます。リプレイとサウンドのコントロールがあるので、合図を簡単に繰り返せます。3 つの動作を練習し終えると体験は終わり、もう一度最初から始めることもできます。
教室の家具は、参考写真をもとに Tripo で事前に生成したものです。部屋、子ども、カメラ、アニメーションは React Three Fiber、Drei、Three.js で実現し、音声の合図は ElevenLabs で作成しています。
イベント以前の「I KNOW」は、映像を中心としたプロトタイプでした。「わかっているルール」と「観察された行動」という状況設定、推論の流れ、あらかじめ用意した Tripo のコンパニオン、Three.js によるプレゼンテーションで構成されていました。Tripothon 版では、教室での切り替えに絞ったリハーサルが加わりました。写真から生成した Tripo の家具、探索できる教室とモデルのお披露目、関節の動く子どもによる「手はここ」「一歩下がる」「休憩」の動き、音声の合図、リプレイとサウンドのコントロール、動作ごとの確認、そして 3 つの動作をやり遂げてこそたどり着ける完了画面とリスタートです。
これは目的を絞ったハッカソンのプロトタイプであり、臨床的な効果をうたうものではありません。62 秒のウォークスルー動画はアプリの実際の画面収録を編集したもので、待ち時間をカットし、本物の完了画面を長めに映しています。
Tripo の活用方法
Tripo は、実際の教室の家具を 3D の中でもなじみのあるものにします。
- 教室の家具：Krea 経由で使用した Tripo H3.1 が、教室の参考写真をテクスチャ付きの GLB 家具に変えました。休憩コーナーと、椅子付きの共用の机です。
- 体験の中で：休憩コーナーはモデルのお披露目で見て回れるほか、リハーサルの中でも再利用されています。アセットはすべて再生前に生成済みで、訪れた人の体験フローでは、読み込みをリアルタイム生成のように見せてはいません。
