手遊 HUD 資訊層級：戰鬥態、大廳態與彈窗該顯示什麼
依遊戲狀態劃分 HUD 可見性與優先級；與 Safe Area、飄字層、Modal 排序的對接；可執行的規格表與 Play／真機驗收步驟。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-to-engine
- hud
← 返回術語集錦
Cocos Creator
與「Cocos Creator」相關的 25 篇文章
戰鬥飄字與傷害數字：交接驗收與引擎實作要點
飄字糊、缺字、疊層錯亂或同屏卡頓時的失敗判據；TMP 與位圖字選型、物件池與 Canvas 排序、Unity UGUI 驗收步驟，以及設計稿數字字圖如何對接。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-to-engine
- bitmap-font
遊戲 UI 多語言爆框：設計稿預留與 VberAI Studio 翻譯匯出驗收
德語、西語等譯文撐破按鈕與清單時如何判定失敗、設計稿如何預留寬度，以及 VberAI Studio 一鍵翻譯後畫布比對與整樹重匯；承接交稿自查與提測前語言驗收，附回修路徑表。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-localization
- i18n
遊戲 UI 九宮格與可拉伸底圖：Figma / PSD 標註與引擎 Sliced 驗收
面板與輸入框何時必須九宮格、設計稿如何標註 border 與匯出倍率，以及 Unity UGUI Sliced、Godot StyleBox、Cocos 九宮格匯入後的失敗判據與回修路徑；承接交稿自查第 6 項。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-slicing
- figma-to-unity
遊戲 UI Safe Area 與真機驗收：程式排查順序與 Prefab 修正
Unity Editor 正常、真機瀏海裁切或點擊偏移時如何分類失敗、依 Canvas Scaler 與 Screen.safeArea 排查，以及何時改 Prefab、何時重匯 AI Studio，並說明設計稿安全區標註如何對接。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-to-engine
- safe-area
AI 拼遊戲 UI：不要直接改 Prefab，用畫布匯出 Unity / Godot / Cocos
AI 拼 UI 時為何不要直接改 Prefab YAML？說明 Cursor + LLM 的風險、中間層與確定性匯出，以及 VberAI Studio 畫布從 Figma / PSD 到 Unity / Godot / Cocos Prefab 的路徑。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-to-engine
- figma-to-unity
提測／上線前 UI 還要查什麼？遊戲介面發布前自查清單
Prefab 與邏輯就緒後，真機、多語言、Release 包與活動皮上線前最後一輪 UI 檢查；承接設計交稿與進引擎 MCP 驗收，附回修路徑。
- 遊戲UI設計
- 遊戲開發AI提效
- ui-to-engine
- ui-localization
腳本能編譯，Hierarchy 卻對不齊？遊戲程式 UI 交接與 MCP 選型清單
面向 Unity / Godot / Cocos 程式：Cursor 寫腳本為何解決不了 UI 殼層；設計稿進引擎後的驗收清單、Unity MCP / Godot MCP 何時值得裝，以及 Studio 匯出 Prefab 後如何用 MCP 綁邏輯。
- 遊戲開發AI提效
- Unity MCP
- Godot MCP
- Cocos MCP
Figma / PSD 交程式前自查：遊戲 UI 設計稿怎樣才不容易返工
給遊戲 UI 設計師的交程式前自查清單：Figma 匯出 Unity、PSD 匯入 UGUI 前的分層命名、多狀態、九宮格與多語言檢查；比較手工切圖與結構化匯出，說明換皮、出海 UI 在地化如何少重切。
- 遊戲UI設計
- figma-to-unity
- psd-to-unity
- ui-slicing
7個AI工具實測！遊戲UI進引擎 + MCP開發，工作流怎麼選？
遊戲開發AI提效：對比六工具分工、MJ+PS、Figma、Unity AI UI、Cursor+MCP 等 7 條 UI 鏈路各停在哪；VberAI Studio 拆分匯出 Unity / Godot / Cocos Prefab，Engine MCP 接 Cursor 寫玩法與綁按鈕，從畫布到可 Play Demo。
- 遊戲開發AI提效
- AIGC
- AI工具
- AI工具推薦
VberAI 位圖字型生成器：上傳字形 / 精靈圖拆分，BMFont 進 Unity
VberAI Studio 位圖字型生成器：支援上傳字形圖片、上傳精靈圖自動拆分，輸出 AngelCode BMFont（.fnt + PNG），畫布可編輯，再匯入 Unity / Godot / Cocos。
- vberai
- ai-studio
- bitmap-font
- bmfont
AI 生成遊戲設計圖用什麼？遊戲資產生成器 vs 通用 AI 繪圖工具（2026 選型）
AI 生成遊戲設計圖用什麼？依概念原畫、2D、UI、3D 四類比較 Layer AI、PicLumen、騰訊混元遊戲、Vheer、Morphic、Unity AI UI、Meshy 與 Midjourney 等通用繪圖工具；並說明 VberAI Studio 畫布編輯、拆分與預製體匯出 Unity / Godot / Cocos，及 3D 同步組件規劃。
- game-art
- ai-tools
- concept-art
- game-ui
VberAI 原位切圖：遊戲 UI 設計圖一鍵導入 Unity / Godot / Cocos
VberAI Studio 對整屏遊戲 UI 設計圖做原位切圖，保留佈局與尺寸，一鍵匯出到 Unity、Godot、Cocos。
- vberai
- ai-studio
- inplace-slice
- game-ui
VberAI Studio：遊戲 UI 設計圖怎麼拆分、匯入 Unity / Godot / Cocos
VberAI Studio 將遊戲 UI 設計整圖依原位置拆成 UI 元素，保留佈局與尺寸，匯出或推送到 Unity、Godot、Cocos。含官方示範影片、步驟清單與驗收要點。
- vberai
- ai-studio
- game-ui
- game-art
VberAI Studio：遊戲精靈圖拼表 vs 影片拆幀，怎麼進 Unity / Godot / Cocos
VberAI Studio 用動作影片生成、畫布拆序列幀並交付 Unity/Godot/Cocos。對比 GPT Image 拼精靈表與開源 DIY 管線：哪條更省時間，何時用 Studio。
- vberai
- ai-studio
- sprite-frames
- sequence-frames
AI 怎麼生成遊戲序列幀和宣傳片？拆幀進 Unity / Godot / Cocos
VberAI Studio 用文字、圖片或首尾幀生成遊戲序列幀與宣傳/劇情 CG；落畫布後可裁切、拆幀，交付 Unity、Godot、Cocos。含操作錄影、驗收清單，並說明不能替代 Timeline / Sequencer。
- ai-studio
- game-video
- sequence-frames
- sprite-frames
Cocos Creator MCP 是什麼？能做什麼，和「Cocos Creator AI」差在哪
說明 VberAI Cocos Creator MCP 的定位：把 Cursor 等客戶端接到已開啟的編輯器，能改場景節點與元件；並澄清它和籠統的「Cocos Creator AI」、AI Studio、純程式碼助手的界線。
- cocos
- cocos-creator
- mcp
- cocos-mcp
Cursor 連上 Cocos Creator MCP 後壞了？按症狀排查連不上
Cursor 接 VberAI Cocos Creator MCP 後像「壞了」：MCP 列表無服務、紅錯、已連但無工具。先從 Cursor 側核對，再按四層鏈路跳到 Creator 擴充、啟用與連接埠排查。
- cocos
- cocos-creator
- mcp
- cursor
Cocos MCP 連線失敗排查：Cursor 看不到 cocos-creator 怎麼辦
按症狀排查 VberAI Cocos Creator 2.x / 3.x MCP：擴充未載入、啟用失敗、服務未運行、埠占用、Cursor MCP 未寫入或需重載，附檢查清單與 localhost 驗證步驟。
- cocos
- cocos-creator
- mcp
- cursor
3 分鐘做出可上線遊戲 UI：AI Studio 影片教學
跟隨 VberAI 官方 YouTube 教學：用 AI Studio 匯入 PSD/Figma，生成遊戲 UI 並匯出 Unity、Cocos、Godot。
- vberai
- ai-studio
- video
- psd
Cocos Creator MCP 設定教學：連接 Cursor / Claude
搭配 YouTube 實操錄影：安裝 Cocos Creator MCP 外掛、啟動本機橋接，並在 Cursor 或 Claude 中完成 Model Context Protocol 設定與連線驗證。
- cocos
- cocos-creator
- mcp
- cursor
VberAI 端到端：AI Studio + 引擎 MCP 落地可玩小遊戲
用 AI Studio 生成或匯入 UI，再用 Cursor + Godot/Unity/Cocos MCP 對話推進邏輯與除錯；文內含 Q 版三消實錄——Studio 匯出後不手寫程式做到可試玩。
- VberAI
- AI Studio
- Unity MCP
- Godot MCP
Godot MCP vs Unity MCP vs Cocos MCP：2026 怎麼選
依引擎、開源與否、安裝方式與典型場景對比 Godot / Unity / Cocos Creator MCP：幫你判斷該接哪套編輯器橋接，而不是比誰「全能贏家」。
- Godot MCP
- Unity MCP
- Cocos MCP
- MCP
Cocos Creator 3.x MCP 安裝教學：匯入擴充並連接 AI IDE
逐步安裝 VberAI Cocos Creator 3.x MCP Pro：在擴充管理器匯入外掛、啟用帳號、啟動本機 MCP Server，並在 Cursor、Claude、Codex 等支援 MCP 的 AI IDE 中完成連線驗證。
- cocos
- cocos-creator
- mcp
- cursor
Cocos Creator 2.x MCP 安裝教學：packages 安裝並連接 AI IDE
逐步安裝 VberAI Cocos Creator 2.x MCP Pro：解壓縮到專案 packages、重啟後啟用、啟動本地 MCP Server，並在 Cursor、Claude、Codex 等支援 MCP 的 AI IDE 中完成連線驗證。
- cocos
- cocos-creator
- mcp
- cursor