logo
  • 環境
  • 企業方案
  • 價格方案
DeveloperMay 29, 2026

使用 Eigent 同時打造 10 款中國新年 HTML5 遊戲

EigentEigent
打造 10 款中國新年馬年主題 HTML5 遊戲
Automate Everything with
AI Workforce on Desktop
Download Eigent

10 款遊戲,一個提示,並行執行

打造一款精緻的瀏覽器遊戲就需要數小時。若要打造十款不同類型的遊戲——街機、益智、無盡跑酷、記憶、策略、復古像素、雙人、放置、反應,以及實驗性遊戲——可能要花上好幾天。有了 Eigent 的平行代理程式執行,這只需要一個提示。這個工作流程展示了當你不再按順序思考任務,而是讓你的 AI 團隊一次處理全部任務時,會發生什麼事。

1啟動一切的提示詞

完整規格會透過單一提示傳入:

使用 HTML、CSS 和 JS(不使用任何函式庫)打造 10 款獨立且完整的遊戲,主題圍繞 2026 年中國新年(馬年)。遊戲必須有趣、原創、精緻、適合行動裝置。請包含計分、難度遞增、重新開始按鈕與流暢視覺效果。涵蓋:街機、益智、無盡跑酷、反應、策略、記憶、2 人本機、放置、復古像素,以及 1 款實驗性遊戲。請把它們做得既驚艷又好玩。將遊戲儲存在我的工作區資料夾中。

不使用函式庫。不使用外部素材。純 HTML/CSS/JS,可在任何瀏覽器中遊玩,並以馬年紅金配色為主視覺。

2Eigent 拆分為 10 個平行任務

Eigent 的 AI 團隊會立即將需求拆解為 10 個並行任務——全部同時執行:

  • arcade-game.html — 具有中國新年馬年主題的經典街機動作遊戲
  • puzzle-game.html — 帶有節慶元素的空間或邏輯益智遊戲
  • endless-runner.html — 以馬角色為主角的橫向卷軸跑酷遊戲
  • reaction-game.html — 基於時機與反應力的機制
  • strategy-game.html — 具有中國新年主題元素的戰術決策遊戲
  • memory-game.html — 翻牌配對或圖案記憶遊戲
  • twoplayer-game.html — 本機雙人競技形式
  • idle-game.html — 增量式資源累積遊戲
  • retro-pixel-game.html — 以像素藝術馬角色為特色的 8-bit 美術風格
  • experimental-game.html — 非傳統機制或互動模型的遊戲

Eigent UI 會顯示所有 10 個任務同時進行中——五個執行中、五個排隊等待中——並在每個任務完成時即時更新狀態。

3每款遊戲都完整實作

開發代理程式會依照提示中的完整功能集,為每款遊戲建構完成版:

  • 計分系統 — 根據表現獲得分數
  • 難度遞增 — 遊戲速度或複雜度隨時間提升
  • 重新開始按鈕 — 無需重新整理頁面即可再次遊玩
  • 流暢視覺效果 — CSS 動畫、canvas 渲染、CNY 配色(紅、金、白)
  • 適合行動裝置的版面 — 觸控事件與響應式尺寸

系統也會自動生成 game_development_plan.md 和 shared_files.md——這些文件說明了 10 款遊戲之間的設計決策與共用素材。

4可立即在瀏覽器中遊玩

所有任務完成後,每個 .html 檔案都可直接在任何瀏覽器中開啟——不需要建置步驟,也不需要伺服器。街機遊戲示範會顯示即時分數、最高分紀錄、中國新年裝飾,以及一個紅金配色的「再來一次」按鈕。每款遊戲都以單一檔案自成一體。

此任務的 token 使用量:約 750,000 tokens —— 這反映出底層正在進行的大規模平行程式碼生成。

5平行執行真正代表什麼

關鍵不只是 Eigent 做出了 10 款遊戲,而是它們是同時完成的。若順序執行 10 款遊戲,所需時間會增加 10 倍。Eigent 的平行代理程式架構代表總耗時取決於最慢的單一任務,而不是所有任務時間的總和。

同樣的原則也適用於任何一批彼此獨立的交付項目:同時生成多份報告、撰寫多份文件、建構多個元件,或研究多個主題。

6接下來可以試試看

為產品發表打造一組遊戲套件:一款品牌益智遊戲、一款排行榜街機遊戲,以及一款問答遊戲——全部採用我們公司的色彩配置與 Logo。

生成一款可嵌入著陸頁 iframe 的節慶微型遊戲。

在打造完遊戲後,於瀏覽器中開啟每一款,並截圖製作預覽網格。

將全部 10 款遊戲合併成單一 HTML 頁面,並加上可啟動各遊戲的選單。

7提升成果的技巧

  • 盡量具體描述類型。 你在提示中對每款遊戲的類型與核心機制定義得越精確,輸出的差異化就越明顯。含糊的提示通常會產生相似的遊戲,只是主題略有不同。

  • 明確設定品質標準。 像「精緻」、「適合行動裝置」與「流暢視覺效果」這些詞會被視為限制條件,而不是建議。它們會直接影響生成程式碼的品質。

  • 儲存到命名明確的工作區資料夾。 在提示中加入明確的輸出路徑,可確保所有 10 個檔案都存放在同一個位置,方便打包分享或部署為套件。

Other use cases

Gemini 4:一個提示詞,在 Blender 中 Vibe Coding 一段 3D 電影短片

Gemini 4:一個提示詞,在 Blender 中 Vibe Coding 一段 3D 電影短片

在 Cozy Kitchen 場景中製作一段四個鏡頭、十二秒的電影短片:一陣穿堂風把食譜卡片從架子上吹起,帶著它飛過料理台,最後讓它搭在草莓塔上。保留溫暖的插畫風廚房。加入一張薄薄的雙面 RecipePage,上面有清楚可讀的食譜內容;依照 action.json 中的飛行通道移動,並透過看得見的風的線索,呈現平靜的開場、有動機的升起、飛行、接觸和落定。使用四台不同的攝影機和綁定攝影機的剪輯點,鏡頭 2 和 3 使用景深,卡片和攝影機的運動要平順且可測量。交付一個已打包、可編輯的 sequence.blend、一份 CSV 鏡頭表、一張附標註的 3×3 分鏡圖和九張靜態畫面。

Gemini 4:將影片教學轉化為正式環境 RL 工程技能

Gemini 4:將影片教學轉化為正式環境 RL 工程技能

觀看列出的 YouTube 演講,將其中的方法和洞見轉化為 2–4 個可重複使用的檔案式代理技能,並且只以這些影片作為主要來源。為每部演講建立附時間戳記的大綱,記錄關鍵洞見、結果和警示,並將每項論點標示為 OBSERVED、INFERRED 或 UPDATED。每個技能包含一個附關鍵洞見章節和工具無關路徑的 SKILL.md,以及一個 evidence.md。驗證每個技能,然後在 127.0.0.1 上發布一份淺色模式的 HTML 報告,內含嵌入的演講影片、可點擊的時間戳記、演講比較、標出缺口的覆蓋矩陣,以及清楚的限制清單。

從影片建立 CAD 模型:Gemini 3.7 Flash 與 3.6 Flash 比較

從影片建立 CAD 模型:Gemini 3.7 Flash 與 3.6 Flash 比較

分析上傳參考影片中的 Transformers 角色,並匯出可供正式製作用的高細節 3D CAD/網格模型(.glb)。分析角色風格、關節與表面細節;以邏輯關節樞軸分離身體和裝甲部件,建立高精度硬表面機械幾何;使用陽極金屬、拉絲鋼、深色鈦和高光塗裝等金屬 PBR 材質,並為眼睛、胸部核心和關節光效使用自發光通道。將 Diffuse、Normal、Roughness、Metallic 和 Emissive 紋理直接封裝在 GLB,確保拓撲乾淨、幾何為流形且適合即時預覽。

Automate everything with AI workforce on desktop
Download Eigent

立即體驗 Eigent

下載開源桌面應用,在本地以 AI 工作團隊開始自動化。

下載 Eigent
Eigent

掌握 AI 工作團隊自動化的最新更新與教學內容。

感謝您的訂閱!

產品Eigent環境價格方案企業方案
探索解決方案使用情境技能插件部落格
開發者文件GitHubCAMEL-AI開源基金合作夥伴
下載開源版
公司關於我們品牌招募說明中心使用條款隱私權政策安全與信任Cookie 政策退款與試用政策

版權所有 © 2026 EIGENT UK LTD