YTGET

YouTube · Facebook · X · TikTok · Instagram · Threads

用Claude Code對話開發夜市送單遊戲並以MCP生成美術上線

YouTube 影片筆記

用Claude Code對話開發夜市送單遊戲並以MCP生成美術上線

原片標題:免寫程式,用Claude Code 做遊戲🕹️ 完整教學, 讓Higgsfield自動生成上百張美術元件!從零開發到免費上線。

原片說明
用Higgsfield生成遊戲畫面👉 https://higgsfield.ai/s/higgsfield-mcp-general-yt-austinchou888-XTxqPr GitHub 註冊網址: https://github.com/ 大家可以玩玩看(不是要賣的遊戲,好玩而已嘿): https://dayomoosuntools-git.github.io/night-market-runner/ 這集我用Claude Code 搭配 Higgsfield MCP,透過Claude MCP串接 AI 工具,自動生成遊戲美術元件、角色與場景,再一步步完成遊戲開發,最後利用 GitHub 將作品發布到網路上,讓朋友也能直接上網玩! 從 OpenClaw、Hermes 到 Claude Code,agentic AI 這些自動化的AI功能,改變傳統創作內容的方式。不論是 AI video generator、AI content creation,還是最近超熱門的 vibe marketing、faceless channel,都能看見 AI 自動化創作的驚人成果啊。這次要帶大家一步步操作,學會從一個想法完成真正能玩的遊戲! ==內容重點== 00:00 開場 01:08 註冊 GitHub 帳號 01:33 連接Higgsfield MCP 03:15 連接 GitHub 03:38 建立遊戲專案 04:25 遊戲設計重點 05:41 修改遊戲規則 07:47 生成角色與遊戲美術 09:48 第一版實際試玩 12:12 透過 GitHub 發布遊戲 13:14 最終版遊戲 14:41 自動生遊戲預告片 15:08 結語 影片素材:AI生成、自行拍攝 📷 這裡跟我互動 Instagram:@austinchou_eyes https://www.instagram.com/austinchou_eyes/ 📫 任何商業或頻道合作,可寄信到下方mail [email protected] #大有牧森#AI工具教學#AI應用 #AI

用 Claude Code 做遊戲還能順便生美術,這也太犯規了吧。我原本以為「不用寫程式」是誇飾,結果大有還真的只靠對話就把一款夜市送單遊戲從規則、美術做到上線,連預告片都自己生。這支影片就是他把整個流程從頭到尾走一遍,包含接 MCP、接 GitHub、來回改規則跟試玩。

用 Higgsfield 生出遊戲預告片
用 Higgsfield 生出遊戲預告片00:06

影片時間軸

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

規則先講清楚,別急著讓它動手

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

第一版規則太長,退回修改
第一版規則太長,退回修改06:48

美術元件的生成才是 MCP 的價值

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

MCP 陸續生出攤位與角色元件
MCP 陸續生出攤位與角色元件08:41

上線之後才是真的在玩遊戲

推上 GitHub 後拿到公開網址,他實際玩給你看:買滷肉飯送錯、折返跑、排隊任務、打工點餐練反應,第一關四個餐點還算簡單,第三關人變多速度變快,沒買雙跑鞋真的很難破。他還加了商店規則,跑更快的鞋、加大揹包、不用照順序送的百寶箱,三關過關能下載「跑單王」證書。最後請 MCP 生十秒預告片,幾分鐘就出來。

值得下載嗎

值得,尤其你想搞清楚 MCP 串接到底能幹嘛的話。它示範了一條從想法到公開網址的完整路徑,遊戲本身簡單,但流程可以整套搬去用。

覺得這篇筆記有幫助嗎?
YTGet 編輯室|看完影片整理的筆記,細節以原片為準。

連線中

影片封面

擷取畫面

輸入時間點,例如 3:20、3.20 或 200

影片皆已含音訊。檔案越大準備時間越久,完成前請保持頁面開啟。