一段中文 prompt，讓 Claude Code 做出 3D 方塊遊戲：整段指令和展示模式

這個 3D 方塊遊戲，是 Claude Code 用一段中文 prompt 寫出來的：一個 HTML 檔，用瀏覽器打開就能玩，有弓箭手和岩石魔像兩個角色。這篇給你整段 prompt、安裝和登入的步驟、兩個角色怎麼玩，還有我最推的一招：叫它加「展示模式」，讓電腦自己玩，你只要錄影。下面的圖，是我們遊戲跑起來的真實畫面，加上 Reels 裡的畫面。

01這篇會做出什麼：一個能玩的 3D 方塊遊戲

3D 方塊遊戲畫面：岩石魔像撞上石頭城牆，灰色方塊碎片四散，左上角顯示分數和波數 — 這是遊戲本身的真實畫面：魔像撞爛城牆，方塊碎片飛出來。

Reels 裡那個遊戲，是 Claude Code 用一段中文 prompt 寫出來的：一個 HTML 檔，用瀏覽器打開就能玩，裡面有兩個可以選的角色、分數、波數、城牆血量條，還有方塊爆破的特效。下面這些畫面，都是我們實際跑起來錄下來的，不是畫的。

遊戲開始選單：標題「方塊島守城戰」，下面有「守城弓箭手」和「岩石魔像」兩個按鈕，還有操作說明 — 開始選單：標題、兩個角色按鈕、操作說明，都是 prompt 裡要求的。

很多人以為做遊戲要一整個團隊：企劃、美術、程式。簡單的小遊戲不用。你只要把想要的畫風、主題和角色講清楚，剩下的交給 Claude Code。

Reels 畫面：牆上寫著「做遊戲要一整個團隊？」和「遊戲工作室・50 人」，桌上排著一群小方塊角色，旁邊站著橘色的 Claude 吉祥物 — Reels 開頭：「做遊戲要一整個團隊？」（工作室是我們編的場景，不是真的公司。）

這篇的順序：先確認你的方案有 Claude Code，再貼 prompt，接著是兩個角色怎麼玩，最後是我最推的一招：叫它加「展示模式」，讓電腦自己玩，你只要錄影。

02第 1 步：先確認你有 Claude Code

Claude Code 不是免費方案的功能。我在 2026 年 10 月 20 日看了 Claude 官方的價格頁：Free 方案的 Claude Code 欄是「No」，Pro 和 Max 是「Yes」。Pro 是每月 $17（年繳，一次收 $200），月繳是 $20。官方也提醒，用量有上限，價格和方案可能調整，以官網為準。

Claude 官方價格頁截圖：Free、Pro、Max 三張卡片，Pro 和 Max 旁邊都有「Claude Code included」標籤 — 官方價格頁（2026-10-20 截圖）：Pro 和 Max 旁邊有「Claude Code included」。

Claude Code 官網說它支援 macOS、Linux 和 Windows，可以在終端機、VS Code、JetBrains、桌面 App 或網頁使用。你可以到官網下載桌面版，也可以用終端機安裝。

Claude Code 官網產品頁截圖：大標題 Claude Code、下載按鈕，下面列出終端機、網頁、手機、VS Code 等使用方式 — 官方產品頁：claude.com/product/claude-code

官方文件（code.claude.com/docs/en/overview）列的終端機安裝指令如下，挑你的系統：

macOS、Linux 或 WSL：打開終端機，貼上 curl -fsSL https://claude.ai/install.sh | bash
Windows PowerShell：貼上 irm https://claude.ai/install.ps1 | iex
裝好後，開一個新的終端機視窗，輸入 claude --version。印出版本號就成功了。
第一次使用時，Claude Code 會請你登入。用有 Pro 或 Max 的那個 Claude 帳號登入。

03第 2 步：貼上這段 prompt

我影片裡用的是這段完整的 prompt。把［］換成你自己的主題和角色。主題請自己想，不要用別人的遊戲、電影或動漫角色。

遊戲 prompt（把［］換成你的主題和角色）

幫我做一個完整的 3D 方塊風格瀏覽器遊戲，畫風像 Minecraft，全部寫在這個資料夾的一個 index.html 裡（three.js 用 import map 從 https://unpkg.com/[email protected]/build/three.module.js 載入，其他都自己寫，不要任何外部素材，材質用程式畫的像素貼圖）。

主題：「［方塊島守城戰］」。［一座方塊小島，中間有村莊和一道石頭城牆，巨大的岩石魔像一波一波從森林走向城牆。］

玩家開場可以選兩種角色：
1. ［守城弓箭手］：站在城牆上，滑鼠瞄準，點擊射出火焰箭，打中魔像會爆出方塊碎片，連續擊倒有「連擊」字樣跳出來。
2. ［岩石魔像］：第三人稱，WASD 移動，空白鍵猛撞，撞到城牆時城牆方塊會被撞飛。

要有：開始選單（遊戲標題、兩個角色按鈕、操作說明）、分數、波數、城牆血量條、擊倒提示、方塊爆破粒子、天空和雲、樹、水面、日光陰影。

另外加一個展示模式：網址加上 ?demo=archer 或 ?demo=golem 時跳過選單，由電腦自動玩那個角色（自動瞄準射箭／自動走去撞牆），鏡頭好看，方便錄影片。

做完確認沒有語法錯誤，最後用三行中文告訴我怎麼開始玩。

Reels 畫面：筆電螢幕上是 Claude Code，一張寫著中文 prompt 的紙落在上面，橘色吉祥物戴著眼鏡站在旁邊 — Reels 裡的這一步：只寫一段中文 prompt，一行程式都不用自己寫。

在電腦上建一個新的空資料夾，名字隨便，例如 block-game。
在終端機進入那個資料夾（cd block-game），輸入 claude 打開 Claude Code。
把上面的 prompt 整段貼上，送出，然後等它寫。
寫完之後，它會用三行中文告訴你怎麼開始玩。照著做，通常就是在資料夾裡找到 index.html，用 Chrome 打開。
選一個角色，開始玩。

我們的版本寫出來的檔案大約 387 行，全部在同一個 index.html 裡。遊戲用的 three.js 是從網路載入的，所以打開遊戲時要連網。

程式碼編輯器畫面，顯示 index.html 裡建立岩石魔像模型的程式碼，標題列寫著 387 行 — 我們這次產生的 index.html：387 行，一個檔案。

04兩個角色怎麼玩

開始選單可以選兩個角色，我們這個版本的操作是：

守城弓箭手：滑鼠瞄準，點一下射出火焰箭。打中魔像會爆出方塊碎片，連續打倒會出現「連擊」。
岩石魔像：W、S 前進後退，A、D 轉向，空白鍵猛撞。撞到城牆，城牆的方塊會被撞飛。

弓箭手模式畫面：中間寫著「連擊 ×3！」和「第 2 波：岩石魔像來襲！」，岩石魔像在草地上被擊倒，爆出灰色碎片 — 弓箭手：打倒魔像會跳出「連擊」。

魔像模式畫面：岩石魔像被一堆灰色方塊碎片包圍，碎片飛向半空，左上角分數 3140 — 魔像模式：你就是那隻撞牆的魔像。

05最好用的一招：叫它加展示模式

我最推的是展示模式：網址最後加上 ?demo=archer 或 ?demo=golem，電腦就自己玩那個角色，你不用操作，直接錄螢幕就好。Reels 裡那些遊戲畫面，就是這樣錄的。

Reels 畫面：瀏覽器視窗的網址列是 index.html?demo=archer，遊戲選單顯示在視窗裡，右上角有「最好用」的橘色標籤 — 網址列最後面加上 ?demo=archer，電腦就自己玩弓箭手。

上面那段 prompt 已經包含這個要求。如果你的遊戲已經做好了、當時沒要求，可以後來補一句：

補上展示模式的 prompt

我已經有 index.html 了。請幫我加一個展示模式：網址加上 ?demo=archer 或 ?demo=golem 時，跳過開始選單，由電腦自動玩那個角色（自動瞄準射箭／自動走去撞牆），鏡頭要好看，方便我錄影片。其他功能不要動。

在資料夾裡找到 index.html，在瀏覽器網址列把網址最後面改成 index.html?demo=archer，按 Enter。
想看魔像，就改成 ?demo=golem。
用電腦或手機內建的螢幕錄影功能錄下來。

06做出來不完美，怎麼修

第一版很少剛好完美。我們這次也修了幾輪：爆出的碎片一開始看不到、自動玩的角色會穿過城牆、鏡頭角度不好看。這些都是玩過之後，把看到的問題直接告訴 Claude Code，請它修。所以 Reels 裡的「一行程式都沒寫」，指的是我自己沒有手寫程式；修正的部分，也是 Claude Code 改的。

修正用的 prompt（把［］換成你看到的問題）

我打開 index.html 玩了，有幾個地方要修：
1. ［例如：爆出來的碎片有時候看不到］
2. ［例如：自動玩的角色會穿過城牆］
3. ［例如：鏡頭離角色太近，看不到整道城牆］
請一個一個修，修完告訴我改了哪裡，其他功能不要動。

07要注意

方案：Claude Code 需要 Pro 以上的方案，免費版沒有。價格和限制以官網為準，我是在 2026 年 10 月 20 日看的。
這段 prompt 我們用 Claude Code 實際跑過，影片裡的遊戲畫面是我們的遊戲跑起來的真實錄影。但每次生成的結果不同，你做出來的會和我的不一樣。
畫風是「像 Minecraft」的方塊風格，只是風格。我們的遊戲「方塊島守城戰」是自己設計的主題，和 Minecraft 或其他遊戲沒有關係。你做的時候，請自己想主題，不要拿別人的角色。
遊戲要連網才能載入 three.js。離線的話，畫面會打不開。
先在新的空資料夾裡做，不要放在放了重要檔案的資料夾裡。Claude Code 會在資料夾裡建立和修改檔案。
用量有上限。要一直改一直修的話，注意自己方案的使用量。