YouTube 影片筆記
用Claude Code對話開發夜市送單遊戲並以MCP生成美術上線
原片標題:免寫程式,用Claude Code 做遊戲🕹️ 完整教學, 讓Higgsfield自動生成上百張美術元件!從零開發到免費上線。
原片說明
用 Claude Code 做遊戲還能順便生美術,這也太犯規了吧。我原本以為「不用寫程式」是誇飾,結果大有還真的只靠對話就把一款夜市送單遊戲從規則、美術做到上線,連預告片都自己生。這支影片就是他把整個流程從頭到尾走一遍,包含接 MCP、接 GitHub、來回改規則跟試玩。

影片時間軸
- 01:08先註冊 GitHub 帳號,用 Google 帳號一鍵搞定
- 01:33進 Claude 桌面版設定,新增 Higgsfield 的 MCP 連接器
- 03:15再搜尋 GitHub 連接器,授權連接同一個帳號
- 03:38開 Code 新模式建資料夾,切到 Plan 模式先規劃再執行
- 04:05送出夜市送單遊戲需求,請它先產出 PRD 不要直接做
- 05:41逐一回答桌機、鍵盤操作、美術風格等問題
- 06:48第一版規則太長,改成丟錯單可丟棄但扣錢、縮短送餐時間
- 08:01透過 MCP 大量生成攤位、角色、食物等像素風元件
- 09:48打開 index.html 試玩第一版,發現攤位太少
- 12:12請它把遊戲推上 GitHub,另外用 Cloudflare 算人次
- 14:41最後請 MCP 生一支十秒遊戲預告片

規則先講清楚,別急著讓它動手
大有在 Code 裡把模式切成 Plan,先要一份 PRD 而不是直接開做,這步很關鍵。他列了幾個設計遊戲該想的事:輸贏目標、核心循環、取捨關卡、難度曲線、回饋手感、介面引導、獎勵進度。第一版規則出來後他直接打槍,嫌送餐時間拉太長,改成丟錯單可丟棄但扣錢、總長壓到一分多鐘。這段是整支影片最實用的地方,遊戲好不好玩,取決於你有沒有先把規則講清楚。

美術元件的生成才是 MCP 的價值
規則定完,他請 Claude 先套美術風格再進開發,因為 Higgsfield 的 MCP 已經接好,攤位、角色、食物、小圖示全部照遊戲需求一張張生出來,還自動分好子資料夾。他說在旁邊看它陸續把物件生完「非常療癒」,我信。像素風試完他直接改成 3D,圓圓胖胖的風格又生一輪,中間來回溝通大概四次,都是邊玩邊測出來的細節。

上線之後才是真的在玩遊戲
推上 GitHub 後拿到公開網址,他實際玩給你看:買滷肉飯送錯、折返跑、排隊任務、打工點餐練反應,第一關四個餐點還算簡單,第三關人變多速度變快,沒買雙跑鞋真的很難破。他還加了商店規則,跑更快的鞋、加大揹包、不用照順序送的百寶箱,三關過關能下載「跑單王」證書。最後請 MCP 生十秒預告片,幾分鐘就出來。
值得下載嗎
值得,尤其你想搞清楚 MCP 串接到底能幹嘛的話。它示範了一條從想法到公開網址的完整路徑,遊戲本身簡單,但流程可以整套搬去用。