ライブで試す 説明
「World in a Box」は、誰かと分かち合う思い出を手のひらに収めておきたいすべての人のための Web アプリです。編集できる 3D の通りに足を踏み入れ、そぞろ歩きながら、古い電器店、茶館、ギフトショップ、カフェという 4 軒の小さなお店に立ち寄ります。棚に並ぶ「思い出の品」に近づいて拾い上げたら、書き綴った思い出と一緒に、くるくる回せて手元に残しておける手のひらサイズの惑星に置き、一通の手紙を添えて大切な人に贈ります。
体験は 4 つのステップで進みます。
- 思い出通り：お店の入口で E キーを押して中に入り、思い出の品に近づいてクリックすると拾えます。
- マイポケット：拾ったものはすべてここに保管されます。
- 惑星エディター：惑星のスタイルと二人組のキャラクターを選び、思い出の品をちょうど 3 つ選んで、思い出と一通の手紙を書きます。
- コレクションカード：惑星と手紙が 1 枚のカードにまとめて表示されます。
コレクションカード、惑星のモデル、手紙はどれも保存して持ち帰れます。ポケットと下書きはローカルに保存されるので、ページを再読み込みしても何も失われません。
編集できる通りは、チームが Three.js（r180）でメッシュとベイク済みマテリアルを使って独自に構築したもので、惑星とコレクションカードも同じエンジンでレンダリングされます。ポケット、惑星エディター、コレクションカード、保存フローも、すべてチームが独自に開発しました。
Tripo の活用方法
この贈り物の核となる部分を生成したのは Tripo です。
- 思い出の品とキャラクター：主役級の思い出の品すべてと二人のキャラクターについて、デザイン画像と高精細な GLB モデルを Tripo が生成しました。たとえば、お店の看板商品である「月夜のテレビ」は約 11 万トライアングルあります。これらこそが、プレイヤーがお店で拾い、惑星に置く贈り物です。
- 画像ファーストのパイプライン：ローカル版では Tripo API の全フローが動いており、まずデザイン画像を生成し、ユーザーが承認してから初めて 3D モデルを作成します。作品の提出時点では、オンライン版ではこの入口はまだ公開されていませんでした。
- 完結したループ：Tripo のモデルは、チームが独自に作った Three.js の通りと手のひら惑星のエンジンに組み込まれ、生成と承認から、探索、拾い上げ、惑星への配置、コレクションカードの作成、手元に残せるモデルのエクスポートまでがつながっています。どの品も遊べて、集められて、そのまま贈ることができます。
