使用 Claude Opus 5 製作的 Tripo 3D 宣傳影片

1. 專案目標 製作一部約 44 秒、可互動的動畫短片，片名為「Claude × Tripo」。一顆小小的橘色 Claude 火花降落在手工紙藝桌面上，透過 Tripo 品牌筆電畫出或輸入五個俏皮點子，並與這些逐一活起來的創作相遇。觀眾可以觀看、暫停、拖曳時間軸、重播、變更長寬比、開啟聲音或錄製動畫。這是一部經過編排的短片，不包含配樂、戰鬥或勝利條件。重現提供的影片與場景構圖。 2. 視覺風格 使用分層紙雕立體模型，呈現帶有撕裂奶油色邊緣、粉彩顆粒、塗鴉、方格紙細節與午夜藍天空的質感。在牛皮紙桌面後方，分層放置新月、暖黃色星星、藍色紙山丘與小城鎮。將開啟的筆電放在左側，Claude 靠近中央，右側則放置小型圓形展示台。維持暖橘色、淡紫色、薄荷綠、奶油黃與奶油色的點綴。透視攝影機在廣角鏡頭與特寫之間平順移動；以深度分離的平面紙雕切片創造視差。使用階梯式卡通光影、冷色輪廓光、克制的外框、柔和陰影，以及最後的紙張顆粒／暈映後製效果。結尾以白色相機閃光收尾，並顯示一張略微傾斜、以膠帶貼住的全員拍立得照片。開場、每次創作揭示與群像結尾，都要符合參考畫面的構圖。 3. 場景與故事 讓所有姿勢與攝影機狀態都由單一確定性的 update(t) 驅動，使直接跳轉至任何時間戳時，都能在不重播先前畫面的情況下產生正確影格。將故事節點命名並統一編排在同一份時間表中。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：扁平的橘色十二射線火花，帶有奶油色撕裂邊緣與友善的動畫表情。它會眨眼、看向目前的動作、微笑、臉紅，並使用開心、暈眩與閃亮眼睛。兩道射線會伸展成手臂，伸向按鍵、圖畫與其他角色。將它的臉部與手臂行為保留為程序式著色器；靜態匯出無法呈現這個角色的個性或演出。 - cat：金黃色麵包造型貓咪，圓潤身體帶有烘烤麵包皮紋、尖耳朵、腳掌、尾巴、明亮眼睛、粉紅臉頰與鬍鬚。它會出現在展示台上供人旋轉查看，接受拍拍後，安穩地待在桌面前方。 - snail：淡綠色蝸牛，背著一間奶油色小屋；小屋有珊瑚色屋頂、煙囪、發光窗戶與小花箱。抬升與滑動期間，保持眼柄清楚分離、房屋直立且臉部可見。 - toaster：薄荷綠烤麵包機，帶有珊瑚色飾邊與拉桿、圓潤的奶油色細節、小型火箭翼與底部噴嘴。它會伴隨橘色火焰與煙霧軌跡升空，掠過攝影機時發出聲音，之後返回。火焰與煙霧必須維持為分離的效果。 - octopus：粉紅／淡紫色茶壺生物，帶有六條柔軟觸手、壺嘴與壺柄、開朗表情、金色單片眼鏡和紫色蝴蝶結。為觸手、傾斜動作與小步行走製作動畫。觸手的姿勢必須與僵硬的茶壺身體區分開來。 - whale：藍色天空鯨魚，帶有奶油色腹部、鰭與富有表情的臉，身上承載一座有草地的迷你城鎮、彩色小屋、樹木與條紋燈塔。它是最大型的創作，結尾時必須保持醒目。燈塔光束是獨立的透明效果。 - environment：桌面、筆電、檯燈、筆筒、盆栽、展示台、紙張天空／城鎮分層、筆記與鉛筆。全片重複使用這些元素。紙張背景、筆電介面、塗鴉、粒子、煙霧、光束與後製效果維持為程序式內容。 維持穩定的資產識別碼，並為世界座標配置、自轉／擠壓與可關節部件分別設定變換。保留來源專案的比例與色彩。可攜式 GLB 版本可以使用標準材質與靜態姿勢；不要宣稱其中包含自訂揭示著色器、角色演出或完整動畫。 5. 互動與回饋 提供播放／暫停、重播、帶有已播放／總時長的拖曳時間軸、1:1／16:9／9:16 長寬比選項、聲音切換、純淨檢視與錄製功能。空白鍵切換播放；R 鍵重播；H 或 C 鍵切換純淨檢視；Escape 鍵恢復控制項；M 鍵切換聲音；左右方向鍵以一秒為單位跳轉，按住 Shift 則將步進縮小至 0.1 秒。讓控制項在狹窄的觸控螢幕上也能使用。聲音只能在使用者手勢後開始；當自動播放音訊遭封鎖時，提供「播放聲音」選項。拖曳時間軸與重播時，聲音必須從正確時間重新開始。結尾時停止播放並提供重播。 筆電會顯示目前的圖畫或輸入的點子、動畫進度列與完成標記。畫面上的 Generate 動作是預先製作的動畫內容：現有短片使用程序式幾何，並不呼叫模型生成 API。每個創作都要由下往上揭示，起初呈現淡紫色黏土質感，再以暖色發光掃描帶填入其色彩。讓 Claude 的視線與手臂動作配合這些事件。 6. 技術實作與音訊 使用 JavaScript ES modules 與 Three.js r170，搭配 WebGL、自訂著色器、CanvasTexture 和 Web Audio API。將應用程式與字型以可重現建置打包為同源靜態資源；不可使用執行階段 CDN 或私人服務憑證。控制項使用本機 Fredoka，手寫文字使用 Caveat。針對三種長寬比調整攝影機距離與渲染尺寸，限制過高的像素密度，並讓匯出檔案排除在頁面初始網路請求之外。 使用 Web Audio 合成配樂與音效。加入音樂盒 FM 音色、經濾波的撥奏三角波低音、木琴、柔和的失諧 Pad、底鼓、拍手／沙鈴、生成式混響與最終壓縮。讓第 0 小節對齊筆電在 2.92 秒時喚醒，第 16 小節對齊 40.5 秒時的閃光，速度約為 102 BPM；循環使用 F–Dm–B-flat–C。按照命名的故事節點加入鉛筆、鍵盤、呼嘯、啵聲、彈簧聲、貓、鯨魚、火箭與快門音效。依據火箭相對攝影機的移動，對引擎聲進行聲像定位與音色塑形。在離線狀態下分小片段渲染音軌，再組合成單一緩衝區；由作用中的音訊時鐘驅動畫面，並在時鐘停滯時提供備援機制。錄製功能應將畫布影片與音軌合併，並匯出瀏覽器支援的格式。一般播放或瀏覽器錄製不可依賴來源專案選用的本機 Python 擷取伺服器。 7. 完成標準 交付可編輯的原始碼、固定版本的相依套件、靜態建置、啟動說明與可正常使用的短片。驗證直接跳轉至約 8、15、22、28、36 與 41 秒時的畫面；重播與暫停必須保留確定性的狀態。將群像構圖與參考影片進行比對。確認音訊解鎖、靜音、重播同步，以及確實能下載包含兩條音軌的錄製檔。檢查正方形、橫向與直向構圖，以及桌面與窄螢幕控制項。在父網站的隔離 iframe 中驗證託管頁面，確認沒有遺失字型、遭封鎖的指令碼或外部資源錯誤。獨立檢查可重複使用的 GLB，確認幾何、方向、材質與邊界框正確；其封面必須呈現實際檔案內容。記錄可攜式資產與動畫著色器版本之間的任何差異。