モバイルHUDの情報階層：戦闘・ロビー・モーダルで何を表示すべきか
ゲーム状態ごとのHUD表示と優先度。セーフエリア、フローティングテキスト層、モーダル重なりとの関係を仕様表とPlay・実機検証手順で解説します。
- game-ui-design
- game-dev-ai
- ui-to-engine
- hud
← 用語集に戻る
Cocos MCP
「Cocos MCP」に関連する記事 24 件
バトルポップアップ数字：引き継ぎ受け入れとエンジン実装
ポップアップのボケ、欠字、描画順、同屏カクつきの不合格基準。TMPとビットマップ数字の選び方、プールとCanvas順序、Unity UGUIの6ステップ、デザイン数字アートの渡し方。
- game-ui-design
- game-dev-ai
- ui-to-engine
- bitmap-font
ゲームUIのロケール別オーバーフロー：デザイン余白とVberAI Studio翻訳エクスポートのQA
ドイツ語やスペイン語のコピーでボタンやリストが崩れる問題の合否判定、デザインでの幅確保、VberAI Studioキャンバスでのロケール比較、全ツリー再エクスポート前の確認方法を修正手順とともに解説します。
- game-ui-design
- game-dev-ai
- ui-localization
- i18n
ゲームUIの9スライスと伸縮パネル：Figma / PSDのマークとエンジン別スライスQA
パネルや入力欄に9スライスが必要なとき、デザインでのボーダー指定と書き出しスケールの方法、Unity UGUI Sliced・Godot StyleBox・Cocos capsの合否判定と修正手順を解説します。ハンドオフチェックリスト項目6の拡張版です。
- game-ui-design
- game-dev-ai
- ui-slicing
- figma-to-unity
ゲームUIのSafe Areaと実機QA：デバッグ順序とPrefab修正
Unity Editorは正常だが実機でノッチにHUDが食い込む、または見た目とタップ位置がずれるときの失敗分類、Canvas ScalerとScreen.safeAreaの切り分け、Prefab修正とStudio再エクスポートの判断。
- game-ui-design
- game-dev-ai
- ui-to-engine
- safe-area
AI でゲーム UI を組む：Prefab YAML を直接編集せず、キャンバスから Unity / Godot / Cocos へ
AI で UI を組む際に LLM に Prefab YAML を読ませない理由。中間レイヤーと確定的エクスポート、Figma / PSD から Unity / Godot / Cocos Prefab への VberAI Studio キャンバス経路。
- game-ui-design
- game-dev-ai
- ui-to-engine
- figma-to-unity
リリース前 UI チェック：出荷前に確認すべき 6 項目
Prefab とロジック投入後の最終 UI 確認：実機、多言語、Release ビルド、イベントスキン。設計引き継ぎ・エンジン MCP 受け入れの続きとして回修パス付き。
- game-ui-design
- game-dev-ai
- ui-to-engine
- ui-localization
スクリプトは通るのに Hierarchy がズレる？ゲーム開発者向け UI 引き継ぎと MCP チェックリスト
Unity / Godot / Cocos プログラマー向け：Cursor のスクリプト生成が UI シェル層を直せない理由、デザイン取り込み後の受け入れチェック、Unity MCP / Godot MCP を入れるタイミング、Studio から Prefab 出力後のロジック接続。
- game-dev-ai
- Unity MCP
- Godot MCP
- Cocos MCP
Figma / PSD 引き継ぎチェックリスト：ゲームUIデザインが手戻りを避ける方法
ゲームUIデザイナー向けに、FigmaからUnity、PSDからUGUIへの書き出し前のレイヤー構成、命名、ボタンの多状態、9スライス、ローカライズ確認を解説。手動スライスと構造化書き出し、リスキン、ライブ運用のUI翻訳まで網羅します。
- game-ui-design
- figma-to-unity
- psd-to-unity
- ui-slicing
VberAI ビットマップフォント：字形アップロード / スプライト自動分割で BMFont へ
VberAI Studio：字形画像のアップロード、スプライトシート自動分割に対応。AngelCode BMFont（.fnt + PNG）をキャンバスで編集し Unity / Godot / Cocos へ。
- vberai
- ai-studio
- bitmap-font
- bmfont
ゲームデザイン用AIは何を使う？ゲームアセット生成ツール vs 汎用AI画像ツール（2026年選定）
ゲームデザイン用AIツールの選び方：Layer AI、PicLumen、Meshy、Morphic、Unity AI UI、Midjourney などをコンセプトアート・2D・UI・3Dの4類型で比較。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: ゲームのスプライト画像パズルとビデオフレーム分割、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接続後に壊れた？症状から切り分ける
VberAI Cocos Creator MCPをCursorに繋いだあと「壊れた」ように見える場合：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
AI Studio で3分：本番品質ゲーム UI 構築（公式動画ガイド）
公式 YouTube ウォークスルー。VberAI Studio で PSD/Figma を取り込み、Unity・Cocos・Godot 向けゲーム UI を数分で書き出す手順。
- 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 でロジックとデバッグを進める。ちび三消しの実録付き——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