一個可遊玩嘅 3D 遊戲,由單一提示打造
遊戲開發係其中一種最技術性、創意要求極高嘅領域——佢需要物理、渲染、AI、狀態管理同 UI 喺同一個 codebase 入面協同運作。呢個工作流程展示,只要提示夠詳細,加上 Gemini 3.1 Pro Preview,Eigent 就可以喺完全唔需要手動寫任何程式碼嘅情況下,規劃、編寫並交付一個完整可遊玩嘅多檔案瀏覽器遊戲。
設定 Gemini 3.1 Pro Preview
呢個工作流程運行喺 Gemini 3.1 Pro Preview,即錄製當時 Google 最強大嘅模型。要喺 Eigent 入面設定,請前往 Settings → Models → Custom Models:
- API Host:
https://generativelanguage.googleapis.com/v1beta/openai/ - Model:
gemini-3.1-pro-preview
Eigent 支援同時設定多個自訂模型——你可以一次過配置 Gemini、OpenAI、Anthropic、Qwen、Deepseek、MiniMax 同其他模型,並將其中一個設為預設啟用。
遊戲設計提示
詳細提示會產生詳細結果。呢個提示具體指定咗機制、視覺風格、計分、特別事件,甚至一個特定嘅收集流程:
打造一款現代 3D 橫向捲軸平台遊戲,靈感來自 Mario,並結合 Snow Bros 機制。玩家可以左右移動同跳躍,射出雪球飛彈,逐步將怪物凍結成雪球。一旦完全凍結,會出現一個「Kick」按鈕,令雪球可以喺舞台上滾動同彈跳,擊敗敵人並觸發連鎖反應。如果只用一個雪球就清除所有怪物,會掉落一個 10,000 分獎勵,有時亦會出現一個發光蛋糕。收集蛋糕會生成四隻藍色雪怪;擊敗佢哋會獲得字母 S、N、O 同 W,集齊四個就會獲得額外一條生命。包括計分系統、生命顯示、逐步提升難度,以及重新開始功能。背景應該似 Mario 風格世界,擁有豐富、分層同視覺複雜嘅 3D 環境,包括多層地形、裝飾元素同視差深度效果,並呈現流暢、現代、沉浸式嘅視覺效果。
提示入面提到嘅每一項機制,都已經喺輸出中實作。
Eigent 規劃並執行建置
Eigent 會為 Developer Agent 建立一個任務:
使用 Three.js 開發一款完全可遊玩嘅 HTML5/JavaScript 網頁遊戲,結合現代 3D 橫向捲軸平台遊戲視覺效果同 Snow Bros 遊戲機制——包括射出雪球飛彈、凍結敵人同踢走雪球、連鎖反應獎勵、計分、生命、逐步提升難度,以及重新開始功能。
Developer Agent 會結合 Terminal & Shell 工具,以及 Web Deployment 同 Screen Capture 功能,直接將所有遊戲檔案寫入工作區資料夾。
三個檔案,一個完整遊戲
輸出由三個互相依賴嘅檔案組成:
index.html— 入口檔同遊戲容器game.js— 所有遊戲邏輯:Three.js 渲染流程、物理、敵人 AI 狀態機、飛彈系統、連鎖反應偵測、獎勵掉落邏輯、計分、生命追蹤,以及 SNOW 字母收集序列style.css— canvas 尺寸、UI 覆蓋層、HUD 樣式
Three.js renderer 建立咗一個具備視差深度嘅分層 3D 環境——背景有雪山、中景平台同前景地形,全部都配合程序化 canvas 元素同流暢動畫。
完成遊戲嘅實際效果
喺任何現代瀏覽器打開 index.html,就會見到一款完全可遊玩嘅平台遊戲:
- HUD: 分數計數器、波次計數器、生命顯示,同 S-N-O-W 字母進度條
- 玩家操作: 左右移動、跳躍、射出雪球飛彈
- 敵人機制: 漸進式凍結狀態、踢動後滾動、雪球擊中多個敵人時觸發連鎖反應
- 獎勵系統: 以單一雪球全清時會掉落 10,000 分獎勵
- 視覺風格: 3D 分層雪山背景、Mario 風格關卡設計、流暢視差捲動
首次載入提示:"Freeze enemies with Z. Kick fully frozen snowballs!"
總共使用 token:約 147,000 —— 以呢種複雜度嘅多檔案遊戲嚟講,算係相當精簡。
呢個示範對 AI 輔助遊戲開發有咩啟示
Snow Bros 機制——凍結、踢走、連鎖——要求 agent 實作相互依賴嘅遊戲狀態:敵人可以處於未凍結、部分凍結或完全凍結,而只有喺特定狀態下先會轉變成可滾動嘅雪球。連鎖反應邏輯需要雪球滾動同其他敵人之間嘅碰撞偵測。呢啲都唔係容易實作嘅功能。
Gemini 3.1 Pro 能夠將整個遊戲規格保留喺上下文中,並喺多個檔案之間產生一致、互相依賴嘅 JavaScript,正正係呢件事可行嘅原因。結果唔係模板,而係根據所描述精確機制而寫成嘅自訂實作。
下一步可以試咩
加入第二個可玩角色,配備不同嘅飛彈機制同本地雙人模式。
生成一個關卡編輯器,讓你喺網格上放置平台同敵人,並將佈局匯出為 JSON。
加入一個可喺 localStorage 持久保存嘅高分排行榜。
為同一款遊戲製作一個支援觸控操作嘅手機版本。
改善結果嘅貼士
-
精確描述機制。 freeze → kick → chain reaction 機制之所以成功,係因為每個狀態轉換都喺提示中被明確描述。像「cool enemy interactions」呢類模糊字眼,只會產生更簡單嘅結果。
-
清楚指出你採用嘅技術。 指定用「Three.js」做 3D rendering,以及用「pure HTML/CSS/JS, no libraries」作為結構,可以畀 Eigent 清晰嘅實作限制。若果冇呢啲說明,agent 可能會喺不同任務之間選擇唔同、甚至可能唔兼容嘅做法。
-
先喺瀏覽器內檢查,再迭代。 一旦 Eigent 交付檔案,立即打開
index.html並測試核心機制循環。喺呢個階段用針對性嘅後續提示去修正方向,通常比一開始就一次過寫晒所有規格更快。



