🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

游標代理 + Holopix AI | 輕鬆實現 "🐦坤坤" 自走棋小遊戲

1. 引言

😄 上週 游標 2.0 剛發布了對標「Trae SOLO」的 "代理" 模式,前天 Trae 國際版就宣布 Claude 斷供:

image

😏 是真的因為 Claude "鎖區"?還是 "商業競爭" 行為 (嗅到了 Vibe Coding 的巨大市場),耐人尋味。😄 之前寫過一篇《✨TRAE SOLO + Holopix AI | 輕鬆實現 "虛假廣告"-轉🔪割草小遊戲》,不寫一行代碼和作圖,只靠和 AI 撕逼 (Speak),就重現了短視頻經常刷到的 "轉刀割草小遊戲"。

🤔 AI 時代給我最大的感觸—— 平權

過去,涉足 繪圖/編碼/短視頻 等創作領域,需要長時間的學習和專業技能的積累,而 生成式AI 的崛起,降低了門檻。用戶不再需要精通複雜的軟體或掌握專業的程式語言,透過精準的 "提示詞" 或 多輪對話引導AI,就能將腦海中的 "好點子" 轉換為 "現實作品" (圖片、短視頻、程式),從 "技能驅動" → "想法驅動" 。

😆 本節就來試下這個新模式,搭配「Holopix AI」,挑戰開發難度更大的小遊戲—— "🐦坤坤自走棋"。

2. 最小化可行性驗證

2.1. 玩法設計

😄 "Vibe Coding" 文檔先行,先跟AI討論下,生成一個 "核心玩法設計" 的文檔:

image

🤣 這文檔看著就很好玩啊:

image

2.2. 讓AI寫個Demo

先簡單畫個 "遊戲界面的草圖":

image

接著讓 AI 基於 Phaser.js 進行開發 (模型:Claude Sonnet 4.5 Thinking):

image

静待片刻:

image

生成效果:

image

界面雖然很亂,不過基本雛形算是有了,接著讓 AI 基於玩法設計文檔對遊戲進行完善。因為任務比較重,所以先讓它生成 "TODO 文檔",好處是:減少上下文節約Token + 避免異常導致的任務中斷

image

接著即使反覆 "截圖 + 描述問題/期望" 丟給 AI,直到實現想要的遊戲效果為止,如:

image

最終效果:

image

👏 基本能玩,接著就是反覆:體驗 → 發現BUG → 讓AI改BUG,以及用 Holopix AI 生成遊戲素材進行替換。

3. Holopix AI 生成素材

3.1. 定製一個 "ikun" 模型

😶 AI 生成遊戲素材,最重要的一點莫過於 "風格一致性",Holopix AI 提供了大量不同風格的 "預設模型" 保證生成風格一致的素材,還支持自己上傳圖片,訓練自己的 "專屬模型"。

😏 既然是 "坤坤自走棋",那 "ikun小黃雞" 自然少不了,網友自製的這類圖還挺多,搜了下最全的貌似是389張,直接使用 ImageAssistant 瀏覽器插件採集所有圖片,然後訓練一個專門生成小黃雞的 "ikun" 模型:

image

選出100張含 "" 量最高的圖片,打開 Holopix AI 官網,點擊左側 "模型定製" → "開始模型訓練",填下模型名稱,選下訓練主題/模型,訓練強度選低 (素材少的可以選中或者高)

image

新版多了個 "畫風分離訓練" 的選項,可以將訓練的模型分割成兩個模型:

  • 造型分離模型:學習造型能力,包括角色比例、外形等特徵。
  • 畫風分離比例:學習繪畫風格、涵蓋筆觸、用色、角色五官畫法等風格化元素。

image

訓練後的分離模型,可以 自由組合,打造出自己的獨特風格:

image

提交後,等模型訓練完,會有消息通知,一般要2-10小時,訓練完會生成 兩套模型

image

3.2. 英雄 & 怪物

😄 模型訓練好了,接著就用它來生成英雄和怪物的素材,先是英雄,五類 (肉盾、戰士、射手、法師、輔助),每類9個,共計 45 個,自己一個個想 Prompt,整到猴年馬月,直接讓 AI 生成每個英雄的 Prompt

image

生成兩種語言Prompt原因

💡 有時其中一種多次生成效果不佳時,切換到另一種可能有奇效。

生成結果:

image

打開「一鍵成稿」,選擇上面兩個模型,然後粘貼上面 AI 生成的 Prompt,接著點擊生成:

image

😐 可以看到批量生成的 Prompt 比較粗糙,想要 "更精細" 的生成效果,可以使用 Holopix 的 "智能優化",只需輸入簡單的 Prompt,AI 就能生成豐富的 "詞元":

image

自由增刪組合,輕鬆生成 "更專業" 的 繪圖Prompt

image

接著就是不斷生成提示詞 "抽卡",選擇合眼緣的,最後生成的英雄素材 (🤣 含 "" 量極高 ❗️):

image

怪物 也是 "照葫蘆畫瓢",不過人物的朝向還需要做下調整 (向左),讓AI寫個腳本批量生成 "鏡像反轉" 後的圖片:

image

最後生成的怪物素材:

image

3.3. 背景

🤔 這裡需要 "橫版" 的背景素材,在 "模型廣場" 沒搜到合適的?問題不大,選對 "畫風" ,然後在 "畫面設置" 那裡選擇 16:9 的 "尺寸比例" 就好了:

image

這裡用到的模型是「豎版場景-F」,👏Nice,一發入魂,生成的素材直接能用:

image

3.4. 神器

😄 這個想搞下像素風格的,用到的模型「像素RPG道具ICON | HOLO-V1

image

抽了幾次卡,效果還不錯:

image

接著把剩余的神器素材也生成好:

image

🤔 如果模型生成的像素不太滿意,還可以直接使用「像素圖轉換」,將原圖一鍵轉換成 精準像素圖

image

參數講解

  • 像素大小像素塊的大小,值越大,細節越少,畫面看起來更模糊、更抽象,像素風格更粗獷。值越小,細節越多,畫面會更清晰,更接近原始圖片。透過調整它來找到你最喜歡的 "顆粒感" 程度。
  • 邊緣尺寸增強像素畫的輪廓感,在不同顏色區域的交界處自動給你畫上"輪廓線",越粗,邊界越清晰有點像老式卡通或遊戲裡的描邊效果。越細,甚至為0時就沒有輪廓線,不同色塊會直接挨在一起。如果想 "主體更突出" ,可以適當增加此參數。
  • 顏色量化:自動分析原圖的所有顏色,將成千上萬種顏色減少到有限的幾種或幾十種。開啟後,圖片會使用一個數量有限的調色板 (色板) 來上色,顏色過渡會變得很硬朗。關閉的話,會儘量保留原始的顏色,像素化的效果可能就不那麼 "正宗" 了。
  • 色板像素畫的顏色風格,允許你自己指定用哪幾種顏色來畫這幅像素畫,AI會從你指定的顏色中挑選最合適的顏色,去填充對應的像素塊。這能讓最終生成的圖片具有非常統一和協調的色彩風格。Holopix 官方提供了64種常見的色板,你也可以自定義調色板。
  • 漸變抖動:在顏色數量有限的情況下,"偽造" 出更豐富的色彩過渡,如:只有黑色和白色兩種顏色,但想畫出灰色,可以在一塊區域裡,像棋盤一樣間隔地畫上黑點和白點,當你把圖片縮小看時,這片區域看起來就是灰色的。這就是 "抖動",透過特定的排列方式來模擬出漸變的感覺,讓過渡看起來更自然。不开启的话:顏色和顏色間的分界會非常清晰,沒有過渡,形成一塊塊的純色區域。

總結下就是:

像素大小 決定畫面 "顆粒感" 有多粗,邊緣尺寸 決定 物體輪廓線的粗細顏色量化 負責 減少畫面的總顏色數自定義色板 指定用哪些顏色作畫,漸變抖動 則是 用有限的顏色 模擬出 平滑的漸變效果

4. 最終效果

既然 AI 生成的 代碼遊戲素材 都到位了,接著讓它應用一波,見證 "奇蹟" 的時刻-🧙‍♀️ Magic ❗️❗️❗️

image

👏 無敵,花了兩天時間,借助 "游標代理模式" + "遊戲素材領域專用AI模型-Holopix AI",只靠寫 Prompt (提示詞) 就輕鬆實現了這款原创 "🐦坤坤自走棋" 的 單機小遊戲。😄 AI 時代,用好專業的 "AI 工具",人人都是 "創造家",想看的視頻自己做 (如 Sora2 直接生成),想玩的遊戲自己做~


原文出處:https://juejin.cn/post/7570260758061891619


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝14   💬4   ❤️5
465
🥈
我愛JS
📝1   💬4   ❤️2
48
🥉
酷豪
1
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付