戰(zhàn)案例：Agent Sprite Forge 打造 Unity WebGL 生存類小游戲全流程){kind=icon}
實(shí)戰(zhàn)案例Agent Sprite Forge 打造 Unity WebGL 生存類小游戲全流程【免費(fèi)下載鏈接】agent-sprite-forgeAgent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ag/agent-sprite-forge這篇文章帶你用 Agent Sprite Forge 完整走一遍 Unity WebGL 生存類小游戲的制作流程。它是一套開源的 AI Agent 技能能通過自然語言提示生成引擎可用的 2D 精靈圖、分層地圖、透明 PNG 幀和動(dòng)畫 GIF——從一句游戲描述到可部署上線的 WebGL 小游戲全程無需手寫美術(shù)資源。一、Agent Sprite Forge 是什么Agent Sprite Forge 不是一個(gè)提示詞合集而是一條Codex 優(yōu)先的 2D 游戲資產(chǎn)工作流Agent 決策由 AI 代理自動(dòng)規(guī)劃資產(chǎn)類型、動(dòng)作、幀數(shù)、布局與對(duì)齊策略內(nèi)置圖像生成用image_gen渲染原始視覺素材角色、怪物、地圖、道具、特效本地腳本后處理色鍵去底洋紅#FF00FF、幀切分、對(duì)齊、透明 PNG/GIF 導(dǎo)出、QA 元數(shù)據(jù)引擎對(duì)接資產(chǎn)可直接裝配進(jìn) Godot、Unity 或純 2D 工作流倉庫內(nèi)置三個(gè)技能本案例主要用到前兩個(gè)技能用途參考文檔generate2dsprite角色、怪物、召喚物、法術(shù)、彈道、特效精靈圖references/modes.mdgenerate2dmap烘焙地圖、分層?xùn)鸥竦貓D、道具包、碰撞區(qū)域references/map-strategies.mdvideo2dsprite視頻幀采樣生成更高密度的運(yùn)動(dòng)精靈Grok Build 專屬references/pipeline.md二、全流程一覽步驟內(nèi)容產(chǎn)出1?? 安裝克隆倉庫、安裝 Python 依賴、復(fù)制技能目錄可用的$generate2dsprite/$generate2dmap2?? 設(shè)計(jì)一句話自然語言描述游戲玩法Agent 自動(dòng)拆解資產(chǎn)清單3?? 角色方向行走表、攻擊/進(jìn)化表、敵人與 Boss 表透明 PNG 精靈圖 GIF4?? 地圖基底圖 → 裝飾參考 → 3x3 道具包 → 分層預(yù)覽可運(yùn)行地圖 碰撞/區(qū)域元數(shù)據(jù)5?? 集成內(nèi)容數(shù)據(jù)庫 場(chǎng)景接線 HUD/特效可玩 Unity 場(chǎng)景6?? 發(fā)布WebGL 構(gòu)建Builds/WebGL可部署產(chǎn)物三、第 1 步安裝 Agent Sprite Forge3 分鐘本地后處理器只需要Python Pillow numpy$video2dsprite另需 ffmpeg依賴已列在 requirements.txt。macOS / Linux 安裝命令git clone https://gitcode.com/gh_mirrors/ag/agent-sprite-forge cd ./agent-sprite-forge python3 -m pip install -r ./requirements.txt # Codex 技能目錄 mkdir -p ~/.codex/skills cp -R ./skills/* ~/.codex/skills/ Windows PowerShell 用戶Copy-Item -Recurse復(fù)制到$env:USERPROFILE\.codex\skills即可詳見 README.md 的 Install 章節(jié)。安裝后重開 Agent 會(huì)話讓技能重新加載。四、第 2 步一句話設(shè)計(jì)給 Agent 游戲藍(lán)圖 ??整個(gè)案例的起點(diǎn)只是一段自然語言描述。你可以這樣對(duì) Agent 說“用 $generate2dmap 和 $generate2dsprite 做一個(gè)吸血鬼幸存者類survivors-like的 2D 生存游戲玩家四向移動(dòng)、自動(dòng)攻擊持續(xù)刷怪、撿經(jīng)驗(yàn)和金幣、升級(jí)時(shí)三選一包含初始召喚物選擇、敵人波次、Boss、傷害數(shù)字與血條。用 Unity 搭建最后構(gòu)建 WebGL 版本?！盇gent 會(huì)自己做兩件事拆解資產(chǎn)清單地圖美術(shù)、英雄方向表、召喚物/進(jìn)化表、敵人表、道具拾取物、HUD 圖標(biāo)、特效規(guī)劃管線本案例最終管線為image_gen 地圖 方向英雄表 召喚/進(jìn)化表 敵人表 特效/HUD 圖標(biāo) Unity 運(yùn)行時(shí) WebGL 部署你不需要指定精靈圖尺寸或幀數(shù)——按 SKILL.md 的規(guī)則Agent 會(huì)自行推斷最小可用的輸出4 幀默認(rèn)2x2網(wǎng)格、6 幀2x3、大體型 Boss 用3x3 idle等。五、第 3 步精靈圖生成——角色、敵人與特效 這是$generate2dsprite的主場(chǎng)。對(duì)每個(gè)資產(chǎn)它走固定五步推斷方案 → 手寫提示詞 → 生成洋紅底原圖 → 腳本后處理 → QA 驗(yàn)收。關(guān)鍵機(jī)制值得新手了解洋紅底約定所有原始精靈圖都生成在純色#FF00FF背景上后處理腳本 generate2dsprite.py 做色鍵去底、防溢色、按格切幀、腳底對(duì)齊輸出透明 PNG 與 GIF身體與特效分離英雄攻擊表默認(rèn)只畫身體寬刀光、槍口火焰、彈道、沖擊特效單獨(dú)生成游戲中分層疊加——避免寬特效把固定格子里的角色擠小方向行走表四向移動(dòng)角色用4x4方向表產(chǎn)出 16 幀 PNG 4 個(gè)方向 GIFQA 元數(shù)據(jù)每次輸出附pipeline-meta.json標(biāo)記觸邊幀、縮放漂移等問題不達(dá)標(biāo)就換參數(shù)重跑或重生成一張精靈圖跑完你會(huì)得到raw-sheet.png、raw-sheet-clean.png、sheet-transparent.png、逐幀 PNG、animation.gif、prompt-used.txt和pipeline-meta.json。六、第 4 步生存競技場(chǎng)地圖——三步分層管線 ?生存類游戲按 SKILL.md 的流派路由走scene_modesurvivors_like障礙物稀疏、敵人出生環(huán)/區(qū)域、相機(jī)邊界與碰撞全部獨(dú)立定義。第一步純地面基底。先只生成地面材質(zhì)、道路、水體和地形邊界不烘焙任何需要運(yùn)行時(shí)控制的物體樹木、建筑、拾取物都后補(bǔ)第二步裝飾參考圖。把基底圖作為視覺參考再生成一張擺好道具的參考圖規(guī)劃不超過 9 種可見物體候選作為后續(xù)資產(chǎn)生產(chǎn)的清單依據(jù)契約見 layered-map-contract.md。第三步道具包批量生產(chǎn) 分層合成。小型裝飾道具巖石、灌木、木桶、箱子、路牌批量打進(jìn)一張3x3洋紅底道具包再運(yùn)行 extract_prop_pack.py 切出逐個(gè)透明道具compose_layered_preview.py 負(fù)責(zé)合成扁平化預(yù)覽最終產(chǎn)出物還包括data/name-props.json道具擺放、data/name-collision.json碰撞、data/name-zones.json出生環(huán)/遭遇區(qū)以及分層預(yù)覽圖?? 平臺(tái)、橋梁、大門這類寬/高/帶碰撞的物體不能進(jìn)方形道具包需單獨(dú)生成或用1x3/1x4條狀素材見 prop-pack-contract.md。七、第 5 步Unity 集成——從精靈圖到可玩場(chǎng)景 資產(chǎn)齊了Agent 會(huì)直接把它們接線進(jìn) Unity 工程可玩場(chǎng)景Assets/Survivors/Scenes/SummonSurvivors.unity相機(jī)、燈光、玩家控制、敵人波次、Boss 計(jì)時(shí)、投射物攻擊、范圍傷害、血條與分?jǐn)?shù)全部接好內(nèi)容數(shù)據(jù)庫SurvivorsContentDatabase.asset統(tǒng)一管理生成的英雄、召喚物、敵人、拾取物、HUD 與特效精靈玩法閉環(huán)初始召喚選擇 → 生存目標(biāo) → 經(jīng)驗(yàn)/金幣拾取 → 升級(jí)三選一解鎖召喚、訓(xùn)練、屬性、回復(fù)→ 召喚進(jìn)化特效分層彈道、沖擊、傷害數(shù)字用獨(dú)立 FX 精靈疊加在身體層之上八、第 6 步WebGL 構(gòu)建與發(fā)布 最后一步讓 Agent 生成 WebGL 構(gòu)建輸出目錄Builds/WebGL附帶 Vercel 部署配置生成一次即可獲得瀏覽器可玩的構(gòu)建無需任何手動(dòng)打包操作至此從一句提示詞到瀏覽器里能玩的 Unity WebGL 生存小游戲整條鏈路全部由 Agent 本地腳本完成人工只做兩件事描述玩法和驗(yàn)收效果。九、新手避坑清單 來自 README.md 的實(shí)戰(zhàn)經(jīng)驗(yàn)提示詞里寫清視角、動(dòng)作、運(yùn)動(dòng)風(fēng)格效果最好側(cè)視 行走循環(huán) 平滑大型生物/ Boss 優(yōu)先3x3 idle小法術(shù)、彈道用1x4、2x2、2x3固定幀數(shù)的動(dòng)作表可用布局指南make_layout_guide.py提升穩(wěn)定性但緊湊攻擊表不一定需要參考圖驅(qū)動(dòng)變體同角色多形態(tài)、進(jìn)化鏈?zhǔn)呛诵耐娣ㄉ矸輼?biāo)記剪影、配色、配飾會(huì)跨幀保持一致商業(yè)項(xiàng)目建議使用原創(chuàng)角色或你擁有版權(quán)的 IP結(jié)語Agent Sprite Forge 把AI 生成游戲素材從單次抽卡升級(jí)成了可重復(fù)、可驗(yàn)收、可交付的管線Agent 負(fù)責(zé)創(chuàng)意決策Python 腳本負(fù)責(zé)確定性的像素操作Unity 負(fù)責(zé)運(yùn)行時(shí)表現(xiàn)。按本文六步走一遍你就能擁有一個(gè)自己的 Unity WebGL 生存類小游戲原型——接下來把它換成塔防或橫版動(dòng)作也只是換一句提示詞的事?！久赓M(fèi)下載鏈接】agent-sprite-forgeAgent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ag/agent-sprite-forge創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 實(shí)戰(zhàn)案例：Agent Sprite Forge 打造 Unity WebGL 生存類小游戲全流程
實(shí)戰(zhàn)案例Agent Sprite Forge 打造 Unity WebGL 生存類小游戲全流程【免費(fèi)下載鏈接】agent-sprite-forgeAgent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ag/agent-sprite-forge這篇文章帶你用 Agent Sprite Forge 完整走一遍 Unity WebGL 生存類小游戲的制作流程。它是一套開源的 AI Agent 技能能通過自然語言提示生成引擎可用的 2D 精靈圖、分層地圖、透明 PNG 幀和動(dòng)畫 GIF——從一句游戲描述到可部署上線的 WebGL 小游戲全程無需手寫美術(shù)資源。一、Agent Sprite Forge 是什么Agent Sprite Forge 不是一個(gè)提示詞合集而是一條Codex 優(yōu)先的 2D 游戲資產(chǎn)工作流Agent 決策由 AI 代理自動(dòng)規(guī)劃資產(chǎn)類型、動(dòng)作、幀數(shù)、布局與對(duì)齊策略內(nèi)置圖像生成用image_gen渲染原始視覺素材角色、怪物、地圖、道具、特效本地腳本后處理色鍵去底洋紅#FF00FF、幀切分、對(duì)齊、透明 PNG/GIF 導(dǎo)出、QA 元數(shù)據(jù)引擎對(duì)接資產(chǎn)可直接裝配進(jìn) Godot、Unity 或純 2D 工作流倉庫內(nèi)置三個(gè)技能本案例主要用到前兩個(gè)技能用途參考文檔generate2dsprite角色、怪物、召喚物、法術(shù)、彈道、特效精靈圖references/modes.mdgenerate2dmap烘焙地圖、分層?xùn)鸥竦貓D、道具包、碰撞區(qū)域references/map-strategies.mdvideo2dsprite視頻幀采樣生成更高密度的運(yùn)動(dòng)精靈Grok Build 專屬references/pipeline.md二、全流程一覽步驟內(nèi)容產(chǎn)出1?? 安裝克隆倉庫、安裝 Python 依賴、復(fù)制技能目錄可用的$generate2dsprite/$generate2dmap2?? 設(shè)計(jì)一句話自然語言描述游戲玩法Agent 自動(dòng)拆解資產(chǎn)清單3?? 角色方向行走表、攻擊/進(jìn)化表、敵人與 Boss 表透明 PNG 精靈圖 GIF4?? 地圖基底圖 → 裝飾參考 → 3x3 道具包 → 分層預(yù)覽可運(yùn)行地圖 碰撞/區(qū)域元數(shù)據(jù)5?? 集成內(nèi)容數(shù)據(jù)庫 場(chǎng)景接線 HUD/特效可玩 Unity 場(chǎng)景6?? 發(fā)布WebGL 構(gòu)建Builds/WebGL可部署產(chǎn)物三、第 1 步安裝 Agent Sprite Forge3 分鐘本地后處理器只需要Python Pillow numpy$video2dsprite另需 ffmpeg依賴已列在 requirements.txt。macOS / Linux 安裝命令git clone https://gitcode.com/gh_mirrors/ag/agent-sprite-forge cd ./agent-sprite-forge python3 -m pip install -r ./requirements.txt # Codex 技能目錄 mkdir -p ~/.codex/skills cp -R ./skills/* ~/.codex/skills/ Windows PowerShell 用戶Copy-Item -Recurse復(fù)制到$env:USERPROFILE\.codex\skills即可詳見 README.md 的 Install 章節(jié)。安裝后重開 Agent 會(huì)話讓技能重新加載。四、第 2 步一句話設(shè)計(jì)給 Agent 游戲藍(lán)圖 ??整個(gè)案例的起點(diǎn)只是一段自然語言描述。你可以這樣對(duì) Agent 說“用 $generate2dmap 和 $generate2dsprite 做一個(gè)吸血鬼幸存者類survivors-like的 2D 生存游戲玩家四向移動(dòng)、自動(dòng)攻擊持續(xù)刷怪、撿經(jīng)驗(yàn)和金幣、升級(jí)時(shí)三選一包含初始召喚物選擇、敵人波次、Boss、傷害數(shù)字與血條。用 Unity 搭建最后構(gòu)建 WebGL 版本?！盇gent 會(huì)自己做兩件事拆解資產(chǎn)清單地圖美術(shù)、英雄方向表、召喚物/進(jìn)化表、敵人表、道具拾取物、HUD 圖標(biāo)、特效規(guī)劃管線本案例最終管線為image_gen 地圖 方向英雄表 召喚/進(jìn)化表 敵人表 特效/HUD 圖標(biāo) Unity 運(yùn)行時(shí) WebGL 部署你不需要指定精靈圖尺寸或幀數(shù)——按 SKILL.md 的規(guī)則Agent 會(huì)自行推斷最小可用的輸出4 幀默認(rèn)2x2網(wǎng)格、6 幀2x3、大體型 Boss 用3x3 idle等。五、第 3 步精靈圖生成——角色、敵人與特效 這是$generate2dsprite的主場(chǎng)。對(duì)每個(gè)資產(chǎn)它走固定五步推斷方案 → 手寫提示詞 → 生成洋紅底原圖 → 腳本后處理 → QA 驗(yàn)收。關(guān)鍵機(jī)制值得新手了解洋紅底約定所有原始精靈圖都生成在純色#FF00FF背景上后處理腳本 generate2dsprite.py 做色鍵去底、防溢色、按格切幀、腳底對(duì)齊輸出透明 PNG 與 GIF身體與特效分離英雄攻擊表默認(rèn)只畫身體寬刀光、槍口火焰、彈道、沖擊特效單獨(dú)生成游戲中分層疊加——避免寬特效把固定格子里的角色擠小方向行走表四向移動(dòng)角色用4x4方向表產(chǎn)出 16 幀 PNG 4 個(gè)方向 GIFQA 元數(shù)據(jù)每次輸出附pipeline-meta.json標(biāo)記觸邊幀、縮放漂移等問題不達(dá)標(biāo)就換參數(shù)重跑或重生成一張精靈圖跑完你會(huì)得到raw-sheet.png、raw-sheet-clean.png、sheet-transparent.png、逐幀 PNG、animation.gif、prompt-used.txt和pipeline-meta.json。六、第 4 步生存競技場(chǎng)地圖——三步分層管線 ?生存類游戲按 SKILL.md 的流派路由走scene_modesurvivors_like障礙物稀疏、敵人出生環(huán)/區(qū)域、相機(jī)邊界與碰撞全部獨(dú)立定義。第一步純地面基底。先只生成地面材質(zhì)、道路、水體和地形邊界不烘焙任何需要運(yùn)行時(shí)控制的物體樹木、建筑、拾取物都后補(bǔ)第二步裝飾參考圖。把基底圖作為視覺參考再生成一張擺好道具的參考圖規(guī)劃不超過 9 種可見物體候選作為后續(xù)資產(chǎn)生產(chǎn)的清單依據(jù)契約見 layered-map-contract.md。第三步道具包批量生產(chǎn) 分層合成。小型裝飾道具巖石、灌木、木桶、箱子、路牌批量打進(jìn)一張3x3洋紅底道具包再運(yùn)行 extract_prop_pack.py 切出逐個(gè)透明道具compose_layered_preview.py 負(fù)責(zé)合成扁平化預(yù)覽最終產(chǎn)出物還包括data/name-props.json道具擺放、data/name-collision.json碰撞、data/name-zones.json出生環(huán)/遭遇區(qū)以及分層預(yù)覽圖?? 平臺(tái)、橋梁、大門這類寬/高/帶碰撞的物體不能進(jìn)方形道具包需單獨(dú)生成或用1x3/1x4條狀素材見 prop-pack-contract.md。七、第 5 步Unity 集成——從精靈圖到可玩場(chǎng)景 資產(chǎn)齊了Agent 會(huì)直接把它們接線進(jìn) Unity 工程可玩場(chǎng)景Assets/Survivors/Scenes/SummonSurvivors.unity相機(jī)、燈光、玩家控制、敵人波次、Boss 計(jì)時(shí)、投射物攻擊、范圍傷害、血條與分?jǐn)?shù)全部接好內(nèi)容數(shù)據(jù)庫SurvivorsContentDatabase.asset統(tǒng)一管理生成的英雄、召喚物、敵人、拾取物、HUD 與特效精靈玩法閉環(huán)初始召喚選擇 → 生存目標(biāo) → 經(jīng)驗(yàn)/金幣拾取 → 升級(jí)三選一解鎖召喚、訓(xùn)練、屬性、回復(fù)→ 召喚進(jìn)化特效分層彈道、沖擊、傷害數(shù)字用獨(dú)立 FX 精靈疊加在身體層之上八、第 6 步WebGL 構(gòu)建與發(fā)布 最后一步讓 Agent 生成 WebGL 構(gòu)建輸出目錄Builds/WebGL附帶 Vercel 部署配置生成一次即可獲得瀏覽器可玩的構(gòu)建無需任何手動(dòng)打包操作至此從一句提示詞到瀏覽器里能玩的 Unity WebGL 生存小游戲整條鏈路全部由 Agent 本地腳本完成人工只做兩件事描述玩法和驗(yàn)收效果。九、新手避坑清單 來自 README.md 的實(shí)戰(zhàn)經(jīng)驗(yàn)提示詞里寫清視角、動(dòng)作、運(yùn)動(dòng)風(fēng)格效果最好側(cè)視 行走循環(huán) 平滑大型生物/ Boss 優(yōu)先3x3 idle小法術(shù)、彈道用1x4、2x2、2x3固定幀數(shù)的動(dòng)作表可用布局指南make_layout_guide.py提升穩(wěn)定性但緊湊攻擊表不一定需要參考圖驅(qū)動(dòng)變體同角色多形態(tài)、進(jìn)化鏈?zhǔn)呛诵耐娣ㄉ矸輼?biāo)記剪影、配色、配飾會(huì)跨幀保持一致商業(yè)項(xiàng)目建議使用原創(chuàng)角色或你擁有版權(quán)的 IP結(jié)語Agent Sprite Forge 把AI 生成游戲素材從單次抽卡升級(jí)成了可重復(fù)、可驗(yàn)收、可交付的管線Agent 負(fù)責(zé)創(chuàng)意決策Python 腳本負(fù)責(zé)確定性的像素操作Unity 負(fù)責(zé)運(yùn)行時(shí)表現(xiàn)。按本文六步走一遍你就能擁有一個(gè)自己的 Unity WebGL 生存類小游戲原型——接下來把它換成塔防或橫版動(dòng)作也只是換一句提示詞的事?！久赓M(fèi)下載鏈接】agent-sprite-forgeAgent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ag/agent-sprite-forge創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考