Claude Opus 5で制作したTripo 3Dプロモーション映像

1. プロジェクトの目的 「Claude × Tripo」と題した、約44秒のインタラクティブなアニメーションショートを制作します。小さなオレンジ色のClaudeのスパークが手作りの紙の机に舞い降り、Tripoブランドのノートパソコンで5つの遊び心あふれるアイデアをスケッチまたは入力すると、それらの創作物が命を吹き込まれていきます。視聴者はアニメーションの再生・一時停止・シーク・リプレイ、アスペクト比の変更、サウンドの有効化、録画を行えます。これは演出されたショート作品であり、スコア、戦闘、勝利条件はありません。提供された動画とシーン構成を再現してください。 2. ビジュアルスタイル 破れたクリーム色の縁、ガッシュの粒子感、手描きの線、方眼紙のディテール、ミッドナイトブルーの空を取り入れた、レイヤー構造のペーパーカット風ジオラマにします。クレセントムーン、暖色の黄色い星、青い紙の丘、小さな町をクラフト紙の机の背後に重ねます。開いたノートパソコンを左、Claudeを中央付近、小さな円形のディスプレイ台を右に配置します。暖色のオレンジ、ライラック、ミント、バターイエロー、クリーム色のアクセントを維持します。パースカメラはワイドショットとクローズアップの間をゆっくり移動し、深度ごとに分けた平面の切り抜きでパララックスを生み出します。段階的なカートゥーン調ライティング、クールなリムライト、控えめな輪郭線、柔らかな影、最後に紙の質感とビネットのポストエフェクトを使います。最後は白いカメラフラッシュで締め、キャスト全員を写した、少し傾いてテープで留められたポラロイド写真を表示します。冒頭、各創作物の登場シーン、全員が揃うフィナーレで、参照動画のフレーミングを合わせてください。 3. シーンとストーリー すべてのポーズとカメラを、単一の決定論的なupdate(t)から駆動し、任意のタイムスタンプへ直接シークしても、過去のフレームを再生し直さず正しいフレームが表示されるようにします。ストーリーのビートは1つの共有スケジュールで管理します。Claudeは約0.55秒に到着し、約1.7秒に着地、2.92秒にノートパソコンを起動します。パンの猫は約7.2秒、カタツムリの家は約13.85秒、トースター型ロケットは約19.8秒、ティーポットのタコは約26.1秒、空飛ぶクジラは約33.3秒に登場させます。ロケットは約21.25秒に発射し、約24.05秒に戻ります。クジラは約35～37秒に全員の上を泳ぎます。カメラフラッシュは40.5秒に発生させ、44.2秒で終了します。カメラショットを滑らかにつなぎ、イーズ付きの予備動作、スプリングによるオーバーシュート、スクワッシュ＆ストレッチ、小さな跳ね、減衰する揺れを使います。シーン間の切り替えで急にリセットされないようにしてください。 4. アセット一覧 - claude-spark：クリーム色の破れた縁を持つ、平面的なオレンジ色の12本の光線のスパーク。親しみやすい表情を持ちます。まばたきし、現在の動作を見つめ、笑顔や赤面を見せ、喜び・目が回る表情・きらめく目を使います。2本の光線を腕のように伸ばし、キーや絵、ほかのキャラクターに手を伸ばします。顔と腕の動きはプロシージャルシェーダーとして保持してください。静的な書き出しでは、このキャラクターの個性や演技を再現できません。 - cat：丸みのある体、焼き色のついたクラスト模様、小さな耳、前足、尻尾、光沢のある目、ピンクの頬、ひげを持つ、黄金色のパン型の猫。ディスプレイ台に現れ、確認のために回転し、なでられた後、机の手前に落ち着きます。 - snail：サンゴ色の屋根、煙突、光る窓、小さなフラワーボックスが付いたクリーム色の家を背負う、淡い緑色のカタツムリ。持ち上げて滑らせる間も、目の柄をはっきり分け、家を直立させ、顔が見える状態を保ちます。 - toaster：ミント色のトースターに、サンゴ色の縁取りとレバー、丸みのあるクリーム色のディテール、小さなロケットフィン、底面のノズルを備えます。オレンジ色の炎、煙のパフ、通過時のカメラ音とともに離陸し、その後戻ってきます。炎と煙は別々のエフェクトとして扱います。 - octopus：6本の柔軟な触手、注ぎ口と持ち手、陽気な表情、金色のモノクル、紫色の蝶ネクタイを持つ、ピンクとライラック色のティーポット型クリーチャー。触手、傾けるジェスチャー、小さな歩行をアニメーションさせます。触手のポーズは、剛体のティーポット本体とは分けて制御してください。 - whale：クリーム色の腹、ヒレ、表情豊かな顔を持ち、草の生えたミニチュアの町、カラフルな家々、木々、ストライプ柄の灯台を載せた、青い空のクジラ。最も大きな創作物なので、フィナーレでも目立つ位置を保ちます。灯台の光線は、別の透明エフェクトとして扱います。 - environment：机、ノートパソコン、ランプ、鉛筆立て、鉢植え、ディスプレイ台、紙でできた空と町のレイヤー、メモ、鉛筆。これらを全編で再利用します。紙の背景、ノートパソコンのUI、落書き、パーティクル、煙、光線、ポストプロセスはプロシージャルのままにします。 ワールド配置、回転・スクワッシュ、可動パーツ用に、安定したアセット識別子と個別のトランスフォームを使用します。元プロジェクトの比率と色を維持します。ポータブルGLB版では標準マテリアルと静的ポーズを使用して構いませんが、カスタムの登場シェーダー、演技、完全なアニメーションが含まれるとは主張しないでください。 5. インタラクションとフィードバック 再生・一時停止、リプレイ、経過時間と合計時間を表示するシークスライダー、1:1／16:9／9:16のアスペクト比選択、サウンド切り替え、クリーンビュー、録画を用意します。Spaceキーで再生を切り替え、Rキーでリプレイ、HキーまたはCキーでクリーンビューを切り替え、Escapeキーでコントロールを復元、Mキーでサウンドを切り替えます。左右キーで1秒単位にシークし、Shiftキーを押すと刻み幅を0.1秒にします。幅の狭いタッチスクリーンでも操作できるようにしてください。サウンドはユーザー操作の後にのみ開始し、自動再生の音声がブロックされた場合は「サウンド付きで再生」を提示します。シークやリプレイを行ったときは、正しい時刻からサウンドを再開します。最後は停止し、リプレイを提示します。 ノートパソコンには、現在の絵または入力されたアイデア、アニメーションする進行バー、完了マークを表示します。画面上のGenerate操作は作り込まれたアニメーションの一部です。元のショートではプロシージャルジオメトリを使用しており、モデル生成APIは呼び出していません。各創作物は下から上へ登場させ、最初はライラック色の粘土として現れ、その後、暖かく光るスキャンバンドで本来の色を塗り上げます。Claudeの視線と腕の動きを、これらのイベントに合わせてください。 6. 技術実装と音声 JavaScript ES modulesとThree.js r170を使用し、WebGL、カスタムシェーダー、CanvasTexture、Web Audio APIで実装します。アプリケーションとフォントは、再現可能なビルドで同一オリジンの静的リソースとしてバンドルし、実行時のCDNや非公開サービスの認証情報には依存しません。コントロールにはローカルのFredoka、手書き文字にはCaveatを使用します。3種類すべてのアスペクト比に合わせてカメラ距離とレンダーサイズを調整し、過剰なピクセル密度には上限を設けます。書き出し用アセットをページの初回ネットワークリクエストに含めないでください。 スコアとエフェクトはWeb Audioで合成します。オルゴール風のFM音色、フィルターをかけたプラックド・トライアングルのベース、マリンバ、柔らかくデチューンしたパッド、キック、クラップ／シェイカー、生成リバーブ、最終コンプレッションを使用します。小節のゼロを2.92秒のノートパソコン起動に、16小節目を40.5秒のフラッシュに合わせ、テンポは約102 BPMとします。コード進行はF–Dm–B♭–Cを繰り返します。名前を付けたストーリービートに、鉛筆、キーボード、ウーシュ、ポップ、ボイン、猫、クジラ、ロケット、シャッターのエフェクトを追加します。ロケットエンジンはカメラに対する相対的な動きを使ってパンと音色を調整します。サウンドトラックを小さなオフラインスライスでレンダリングして1つのバッファに組み立て、アクティブなオーディオクロックで映像を駆動します。クロックが停止した場合のフォールバックも用意します。録画ではキャンバスの映像とサウンドトラックを組み合わせ、ブラウザーが対応する形式で書き出します。通常の再生やブラウザー録画で、元プロジェクトの任意のローカルPythonキャプチャサーバーに依存しないでください。 7. 完了条件 編集可能なソース、固定済みの依存関係、静的ビルド、起動手順、実際に操作できるショートを納品します。8、15、22、28、36、41秒付近への直接シークを確認し、リプレイと一時停止でも決定論的な状態が維持されることを検証します。アンサンブルの構図を参照動画と比較します。音声のアンロック、ミュート、リプレイ時の同期、映像と音声の両トラックを含む実際の録画ダウンロードを確認します。正方形、横長、縦長のフレーミングと、デスクトップおよび狭い画面でのコントロールを確認します。ホストされたページを親サイトの分離されたiframe内で検証し、フォントの欠落、ブロックされたスクリプト、外部リソースのエラーがないことを確認します。再利用可能なGLBは、ジオメトリ、向き、マテリアル、バウンディングボックスが正しいことを個別に確認し、サムネイルには実際のファイルの内容を表示します。ポータブルアセットとアニメーションするシェーダー版の違いを記録します。