Eigent 從影片打造 3D 武術遊戲

從影片到可玩的遊戲 — 無需寫任何程式碼

如果你可以指著任何影片說「把這個做成遊戲」，會怎樣？這個工作流程正是如此。Eigent 的多模態代理會觀看 2026 春節聯歡晚會的影片——一場精彩的機械人武術表演——抽取角色、動作與視覺風格，然後把這份結構化分析交給 Developer Agent，由它圍繞這些內容建立一個完整的 Three.js 遊戲。整個流程只需要一個提示詞和一個影片檔案。

1兩個代理的流程

這個工作流程需要兩個專門代理依序協作：

• 多模態代理 — 處理 Image Analysis、Video Processing、Audio Processing 和 Image Generation。它觀看影片並產生關於所見內容的結構化資料。
• Developer Agent — 處理 Terminal & Shell、Web Deployment 和 Screen Capture。它接收結構化分析並建立遊戲。

關鍵洞見在於交接：Developer Agent 並不接收原始影片——它接收的是一份結構化文字文件，描述角色、動作、顏色、場景與主題。正是這個轉譯步驟，讓最終遊戲成果更忠實而非流於通用。

2附上影片並撰寫提示詞

附上 Martial Arts.mp4 並描述你想要的內容：

系統會立即產生兩個任務——第二個任務會在第一個完成前被阻塞。

3任務 1 — 多模態代理觀看影片

多模態代理使用 Video Downloader Toolkit 逐幀處理 Martial Arts.mp4，擷取關鍵時刻的截圖。然後分析這些畫面，並產生一份完整的文字分析，儲存為 martial_arts_video_analysis.txt：

• 角色與機械人： 外觀、比例、配色方案（金色與紅色）、表演者數量
• 動作與行為： 觀察到的特定武術技巧——拳擊、踢擊、長棍攻擊、編排過的連串動作
• 視覺風格： 舞台燈光、色彩調色盤、節慶裝飾風格、表演空間的深度與尺度
• 場景與背景： 舞台環境、背景設計、氛圍元素
• 節慶元素： CNY 專屬裝飾、象徵圖案、表演中使用的效果

這份文件就成為創意簡報——一份 Developer Agent 可以精準執行的結構化描述。

4任務 2 — Developer Agent 建立遊戲

在分析結果到手後，Developer Agent 會讀取 Note Taking Toolkit 的筆記，並建立 spring_festival_martial_arts_game.html ——一個單一、獨立的檔案，將所有 HTML、CSS 和 JavaScript 直接內嵌。

遊戲會忠實實作多模態代理識別到的一切：

• 3D 機械人角色 以 Three.js 渲染，採用影片中的金/紅配色方案
• 武術動畫 重現觀察到的拳擊、踢擊與長棍攻擊
• 舞台環境 對應春節聯歡晚會表演的視覺場景
• 節慶粒子效果 — 燈籠、火花、CNY 裝飾
• 多種遊戲模式： 表演模式、戰鬥模式、自由練習

5完成的遊戲

在瀏覽器中開啟 spring_festival_martial_arts_game.html，即可得到完整體驗：

• 標題畫面： 2026 春節聯歡晚會 — 武術表演 — 馬年
• 控制： W/S/A/D 移動 · J 拳擊/攻擊 · K 踢擊 · L 長棍攻擊 · Space 特殊招式 · 滑鼠控制鏡頭 · 滾輪縮放
• HUD： 分數計數器（示範中顯示 527）、連擊計數器、模式指示器
• 視覺： 金/紅色 3D 機械人角色、節慶舞台背景、粒子效果

總使用 tokens：約 467,000 ——反映了影片分析與 Three.js 遊戲生成的深度結合。

6為何「影片轉遊戲」是一個新的工作流程類別

這個流程建立了一種新事物：把影片理解當作設計規格工具。你不必撰寫遊戲設計文件，而是錄製或找出你想要的美學、角色與互動畫面——再讓多模態代理把它轉譯成可直接實作的規格。

這種應用遠不止於遊戲。相同的「影片 → 結構化分析 → 程式碼」流程，也適用於 UI 模擬稿重現、動畫系統設計、互動式 demo 生成，以及任何影片比文字更能表達意圖的場景。

7下一步可以試試什麼

8提升效果的小貼士

• 使用高品質的來源影片。 多模態代理的場景擷取在畫面清晰、光線充足的影片中最準確。像這段聯歡晚會影片那樣，角色與動作清楚分明的表演影片，會比快速剪接或低解析度內容產生更豐富的分析。

• 要求先審閱分析再開始建構。 加上一句「在建立遊戲前先給我看影片分析文件」，可讓你先確認代理是否正確理解影片，然後才正式進入建構階段。

• 要求單檔輸出。 指定「單檔 3D 互動式 HTML 遊戲」，可確保所有內容都自成一體，能立即分享，無需建置步驟或伺服器。