ライブで試す 説明
「DoodleQuest」は、1 枚の絵を、大切な人のためにつくった小さな世界のヒーローに変えます。クリエイターは使用許可を得ているアートワークを選び、3D キャラクターを承認し、受け取る人とパーソナルなメッセージを加えて、この冒険を限定公開のギフトリンクに包みます。受け取る人はアカウント登録不要です。絵のおおいを外し、3 つの音楽ベルを鳴らしたら、星を集めて届けることで手紙のロックが解除されます。
デモでは、小さなアーティストからパパへの贈り物の物語が描かれます。ナレーション付きの 89 秒のウォークスルーで、パパを描いた落書きがスーパーヒーローに変身します。公開中のアプリで実際に行った Tripo の画像から 3D 生成、元の絵と出来上がった 3D ヒーローの並列表示、パーソナライズ、プレイ可能なクリエイタープレビューの全編を見せ、最後は「パパは毎日、わたしのヒーローだよ」という言葉で締めくくられます。父親のイラストは OpenAI の画像生成で作った架空の作品で、少女のナレーションには OpenRouter 経由で MiniMax の合成音声「Lovely Girl」を使っています。これは作者が構成したデモンストレーションであり、実在の子どもの絵や録音ではありません。
パーソナライズされたヒーローを提供するのは Tripo です。アプリは生成されたモデルを保存・検証し、体験全体を通して同じキャラクターを使い続けます。世界、クエスト、便箋、ベルのメロディはアプリのオリジナルコンテンツで、動画内のヒーローにはシンプルなフォールバックモーションを使っています。
公開デモは Vercel と Neon PostgreSQL 上で動いています。プロシージャル生成されたサンプルキャラクター「Pip」でプレイし、ギフトを作成・保存・シェアできます。新しい Tripo ヒーローの生成にはクリエイターの認可が必要で、動画に登場するパパへのギフトはまだクリエイタープレビューの段階です。
一連のフローは Next.js、React Three Fiber、Three.js、Vercel Workflows で動いています。下書きの保存、明示的な承認、変更できないギフトのバージョン、取り消し機能によって、主導権は常にクリエイターの手にあります。キーボード操作、モーションの軽減、低めのレンダリング品質設定、テキストで読めるフォールバックが、さまざまな遊び方を用意しています。メッセージを書くのはクリエイターですが、小さな冒険が、それを受け取ること自体をギフトの一部にしてくれます。
Tripo の活用方法
落書きをヒーローに変えるのは Tripo です。
- 画像から 3D：デモでは、Tripo API がパパの落書きをパーソナライズされた 3D ヒーローに変えます。ウォークスルーでは、公開中のアプリでの生成成功例を 1 つ紹介しています。
- アプリへの組み込み：「DoodleQuest」はタスク ID を保持し、GLB を検証・保存したうえで、クリエイターが承認してはじめてヒーローを使います。
- 世界の中で：同じヒーローが Three.js の世界でベルを鳴らし、星を運び、パパへの手紙を届けます。
