新手第一款 vibe coding 遊戲,適合做什麼類型?
若要做 第一款 vibe coding 遊戲,優先選 🎯 單一機制的瀏覽器街機、單畫面謎題、小型放置/打字,或 短文字/人生模擬。這幾種最容易真的上線 ✨。VibeGameDB 追蹤 AI 編碼遊戲 852 款,其中 557 款可在瀏覽器免費玩。街機 180、謎題 122、放置 44。我們沒有實機試玩;以下是分類數據、Jam 公開資訊,以及開發者寫「好做/卡關」的整理。
巴哈、PTT、Dcard 上常看到 「四天做出網頁卡牌」「一個月放置 RPG」這種文,讀起來很熱血,但第一週的目標請對齊他們砍掉的範圍,而不是最後成品的體積。
快速比較
| 類型 | 為什麼適合 | 範圍提醒 | 例子 |
|---|---|---|---|
| 瀏覽器分數挑戰 | 一個循環、失敗條件清楚 | 圖形就好;一局 3 分鐘內 | Endless Snake、Chirp Pong |
| 單畫面謎題/經營 | 規則好寫進提示詞 | 關卡設上限;經濟旋鈕只留一個 | Traffic Architect、Plug & Prosper |
| 放置/打字疊加 | 幾乎不需要美術 | 動詞只留一個 | Keypress Express |
| 短文字/選擇/人生模擬 | 散文+表格 | 一輪、一個前提 | 1 in 8 Billion、Meet Claude |
| 小 3D 玩具(飛行等) | Three.js 類容易起手 | 做到 demo 就停;別做 MMO | fly.pieter.com |
| 緊湊倖存者(下一作) | 自動攻擊好下指令 | 一張圖、少量升級 | 群侠传:幸存者 |
依據
- 分類數量(分類總覽,2026-11-06):Action 275、Casual 230、Arcade 180、Simulation 162、Puzzle 122、RPG 79、Card Game 33、Life Simulation 23。Gameplay:Multiplayer 144、Roguelike 92、Management 83、Physics 77、Text-Based 45、Idle 44、Flight 36、Word & Typing 14、Deckbuilding 13。頁面沒有的細分不做。
- 好出貨的形狀。 活動 有 Vibe Jam 2026、AI Browser Game Jam 等偏瀏覽器短篇的賽事。規則越小,越適合 vibe coding。
- 工具。 Claude Code 369(主要工具 356),Cursor 49。
- 卡關說法來自 Traffic Architect 的 Grenagar、Keypress Express 的 Nitzan Wilnai、JustAHobbyDev、Simon Willison,以及公開新手討論。
找例子請看 瀏覽器免費排行 與 最佳 vibe coding。排名高 ≠ 新手好做。
1. 瀏覽器分數挑戰(預設首選)
為什麼: 一個動詞、一個失敗、一個分數。能用一句話講完的循環,代理最好寫。Arcade 就有 180。
範圍: 沒有劇情關、沒有背包。圖形玩到有趣為止。第二個機制之前,先加一個音效與重來。
例子: Endless Snake 揭露 Claude Code 做了「遊戲本體程式與素材」,再往經典蛇外長。Chirp Pong 是 Simon Willison 請 Claude Code 做「用麥克風 API 傳狀態的雙人乒乓」。有巧思,核仍是單一機制。
坑: 難度太平會立刻膩。Chirp Pong 難在怪通訊,新手作鍵盤/觸控就夠。Endless Snake 商店頁看得出蛇很快變成 100 挑戰+Roguelite。先交短經典模式。
台灣常見的「合併/合成」也屬這條:規則閉合、一屏操作。例如 Drop Merge(本站未收錄)用 Claude Code 做水果/台式小吃合併,但那是 17 天、五主題的產品節奏,第一週末請先做一種主題、十個等級以內。
2. 單畫面謎題或經營玩具
為什麼: 規則與介面狀態好寫死。Puzzle 122、Management 83。
範圍: 手做五關勝過程序生成世界。工具一次解鎖一個。
例子: Traffic Architect。Grenagar Reddit:Claude Code + Three.js,車道切換「仍需大量迭代」;設計與經濟是人抓的。Plug & Prosper 是 Godot 五關充電店謎題(未點名工具)。Last Machine Standing 是 "Built solo with Claude Code" 的 Jam 謎題。
巴哈達人文 Cursor 開發:口袋棋兵 寫網頁卡牌比大小四天到能玩(工具是 Cursor,不是 Claude Code),重點其實是:企劃先寫完、指令要具體、Git 要有,否則 AI 一次改十處會炸檔。這對第一款卡牌玩具很實用,但別一開始就掛 Galgame。
坑: 尋路與「差一點對」的移動最吃時間。Jam 玩家覺得 Last Machine Standing 太簡單或開頭不清楚。Traffic Architect 說明:骨架快,車道邏輯要多輪。
3. 放置、增量或打字疊加
為什麼: 幾乎沒動畫預算。Idle 44,Word & Typing 14。
範圍: 一條成長曲線。第一天就需要試算表就砍。
例子: Keypress Express。打字開火車。Nitzan Wilnai LinkedIn:跟 Claude Code 講想法,973 commit 後上 Steam。玩家也說很快膩、有小 UI bug。點子能出貨;深度可晚點。
坑: v1 別上線上排行榜與成就牆。
PTT 有人用 Claude Code 做「薪水小偷」放置 RPG、自稱約一個月(原文,本站未收錄)。當作「放置循環好 vibe」的旁證可以,但股票彈幕+資產管理已經超出第一週末。
4. 短文字、選擇或人生模擬
為什麼: 結構化文字與表格是主戰場。Life Simulation 23,Text-Based 45。人生模擬排行 也偏前提收斂的作品。
範圍: 一輪、一張資料表。用單頁網站公開。
例子: 1 in 8 Billion 報導約四小時出第一公開版。Meet Claude 是 Claude 為主的一到兩小時 Steam 諷刺。Last Machine Standing 也可當短敘事謎題。
工程向參考:yanchen 用 Claude Code 做璀璨寶石(本站未收錄)把規則引擎與 UI 拆開、用不變條件測試抓暗 bug。題材是桌遊移植,對新手的啟發是「先定邊界再開工」,不是第一天就上 90 張卡。
坑: 1 in 8 Billion 周邊有「幾輪後重複」的說法。別在第一天規劃幾百個獨特場景。
5. 小 3D 玩具,做到這裡停
為什麼: Claude Code 周邊常見 Three.js 類瀏覽器 3D。「能飛」是經典提示詞。
範圍: 「我會動」就贏。戰鬥、配對、課金以後再說。
例子: fly.pieter.com:"@levelsio + Cursor + ThreeJS"、"100% made with AI"。開發者向數字約三小時可玩(有報導寫 30 分鐘)。後來變多人飛行玩具。編輯備註:畫面簡、幀率低、休閒玩家偏硬。第一晚容易;營運版不是新手計畫。
想走引擎路線,台灣也有 Godot+Claude Code 教學 強調:引擎跑畫面、Claude Code 改檔、人負責試玩。第一款仍建議從 2D/一屏開始,別直接上連線戰棋。
6. 緊湊倖存者(第二款再考慮)
為什麼有人推: 自動攻擊+升級好下指令。Roguelike 92。r/aigamedev 也有人寧選倖存者當第一作。
為什麼排後面: 熱門作內容量很大。群侠传:幸存者 Codex+Claude Code、Steam 好評 97%,但後半卡頓與手把缺失反覆出現。ELbab 則是樹很深、介面說明不夠。
非做不可: 一個競技場、大約十個升級、二十分鐘一輪。粒子提早用效能工具看。
第一款先避開
- 陌生人線上多人。 Multiplayer 144,但空房與網路碼折磨新手。autocycle-light 也有人嫌排位沒人。本地雙人較穩。
- 大型 RPG 當 v1。 Great Expanse 是獨力修仙的體積樣本;平衡與 QoL 仍被挑。那是終點專案,不是第一個週末。
- 物理沙盒。 Physics 77。不穩的碰撞燒 token,學不到手感。
- 完整牌組構築。 Deckbuilding 只有 13。牌池很快膨脹;五張玩具可以。
- 照抄現役營運大作。 練習用單畫面 80 年代循環。
範圍檢查清單
- 循環能用一句話說完嗎?
- 一局五分鐘內?
- 第一個可玩版用基本圖形就夠?
- 第一天必須動的系統只有一個?
- 單 HTML 或一條本機指令就能跑?瀏覽器優先也符合免費 557 款的現實。
- 這週不加入的東西寫下來。公開討論也常說:原型幾小時、上架可能上百小時,每個功能都問「真的要嗎?」
- 好不好玩由你判定。Grenagar 也是系統給 Claude Code、節奏與經濟自己抓。
FAQ
- 最容易的第一款 vibe coding 遊戲是什麼? 💡
- 左右閃避或分數挑戰的 HTML,或極短文字人生模擬。少美術、少物理、無伺服器,也跟現有技術堆疊合得來。
- 大概要多久?
- 公開說法從幾小時到幾週都有。週末原型+一小段打磨比較務實。
- 第一款一定要做倖存者嗎?
- 只有在你真的砍得動內容量時。Steam 熱門作的效能與介面債,新手很容易低估。
- 一定要引擎嗎?
- v1 不必。Claude Code 周邊很多瀏覽器 JS/Three.js;Godot 也常見。選一條路然後出貨。
相關:最佳 vibe coding 遊戲、Claude Code 遊戲、Cursor 遊戲、Claude Code 做的遊戲推薦九款。