Script Terkompilasi tapi Hierarchy Berantakan? Checklist Handoff UI Game Dev dan MCP
Untuk programmer Unity / Godot / Cocos: kenapa script Cursor tidak memperbaiki lapisan UI shell; checklist acceptance setelah impor desain, kapan Unity MCP / Godot MCP berguna, dan logika binding setelah ekspor Studio Prefab.
- game-dev-ai
- Unity MCP
- Godot MCP
- Cocos MCP
- Cursor
- game-ui-design
- ui-to-engine
- unity
- godot
- cocos
- mcp
- vberai
- 2026
Dalam pengembangan indie dan tim kecil, penghambat yang biasa terjadi bukanlah “saya tidak bisa menulis C# / GDScript”—melainkan script terkompilasi, buka Scene, dan tidak ada yang sejajar: tombol tidak kena hit.
Akar masalahnya jarang berupa model AI yang lemah. Ini tentang mencampur handoff UI shell dan logika gameplay pada toolchain yang sama. Berikut: mode kegagalan umum, checklist acceptance, dan di mana Engine MCP (Unity MCP / Godot MCP / Cocos MCP) seharusnya masuk ke pipeline.
Dua pekerjaan—jangan paksa satu alat AI mengerjakan keduanya
| Pekerjaan | Output tipikal | Alat yang lebih baik |
|---|---|---|
| UI shell | Canvas / Control tree, Prefab, anchor, penamaan slice | Impor desain terstruktur (PSD / Figma → engine) |
| Logika gameplay | Event tombol, statistik, state machine, debugging Play | Cursor / Claude Code + Engine MCP |
Cursor, Copilot, Claude Code secara default melihat teks repo. Mereka tidak melihat:
- Edit scene yang belum disimpan di editor
- Seleksi saat ini, referensi prefab yang rusak
- Console dan state UI transien dalam mode Play
Jadi AI memperbaiki .cs sementara Btn_Start masih belum memiliki OnClick di Hierarchy—itu bukan masalah prompt, itu jembatan editor yang hilang. MCP mengisi celah itu. Peta kategori: Alat AI untuk Godot / Unity.
Setelah impor UI: 10 pemeriksaan engineering
Setelah desain atau Studio mengekspor Prefab, jalankan ini sebelum Play pertama (contoh Unity UGUI; Godot / Cocos serupa):
| # | Pemeriksaan | Kegagalan umum |
|---|---|---|
| 1 | Root Canvas / Control dan kebijakan resolusi | Canvas Scaler salah; Safe Area portrait terpotong |
| 2 | Area hit terpisah dari dekorasi | Gambar transparan memblokir Raycast |
| 3 | Tombol normal / pressed / disabled | Hanya satu gambar statis |
| 4 | Teks memetakan ke TMP / Label | Tipe display layar penuh, tanpa lokalisasi |
| 5 | Nama node ramah script (Btn_*, Panel_*) | Layer 47 copy |
| 6 | Anchor / 9-slice dan aturan stretch | Layout bergeser saat resolusi berubah |
| 7 | Atlas dan draw call dapat diterima | Satu PNG terlalu besar per kontrol |
| 8 | Path impor sesuai konvensi proyek | MCP tidak dapat menemukan path Prefab |
| 9 | Commit sebelum binding logika | AI mengedit script; referensi hilang |
| 10 | Play sekali di 16:9 dan portrait target | Hanya diuji pada aspek jendela Editor |
Impor terstruktur vs slice manual: Figma → Unity tanpa slicing manual, pemisahan UI in-place.
Kapan menginstal Engine MCP
| Situasi | Rekomendasi |
|---|---|
| Perubahan gameplay harian, sering Play / Console | Instal Engine MCP yang sesuai |
| UI masih dibangun ulang dengan slice manual setiap minggu | Perbaiki shell dulu (handoff Studio / spec), lalu MCP |
| Hanya script, jarang menyentuh Scene | Manfaat MCP terbatas |
| Game Jam, playable di hari yang sama | Studio untuk UI + MCP untuk tombol (panduan) |
Godot MCP bersifat open source—bagus untuk memvalidasi alur kerja terlebih dahulu: instal · kapan manual vs MCP. Unity / Cocos: paket Pro resmi—instal Unity MCP · Cocos 3.x.
Pilihan tiga engine: Godot MCP vs Unity MCP vs Cocos MCP.
Pembagian yang disarankan (sudut pandang engineering)
File desain / seni UI layar penuh
→ AI Studio: impor · split · ekspor Prefab (Unity / Godot / Cocos)
→ Engineering menjalankan 10 pemeriksaan di atas
→ Cursor + Engine MCP: binding OnClick, HUD, statistik, debug Play
| Jenis perubahan | Rute |
|---|---|
| Ganti tema / teks terlokalisasi / reskin layar penuh | Ekspor ulang Studio (reskin, terjemahkan) |
| Feel, collision, AI, save, bug | MCP + kode yang ditinjau manual |
| Damage number, tipe pixel | Bitmap font atau TMP |
Aturan praktis: Studio untuk shell, MCP untuk wiring. Jangan minta MCP membangun seluruh HUD dari nol; jangan menulis FSM pertarungan di dalam alat canvas.
Setelah MCP terhubung: 3 praktik
- Prompt harus dapat diverifikasi—path Prefab.
- Commit kecil—satu perubahan sekaligus: “Tombol Start → muat level,” lalu AI musuh.
- MCP tidak menggantikan QA—edit node yang dihasilkan model tetap perlu Play; ini menghemat klik.
Cursor dan Claude Code dengan Unity: panduan alur kerja Unity MCP, Claude Code terhubung Unity MCP.
Kombinasi alat dan peluncuran satu minggu: efisiensi AI game dev 2026.
FAQ
Cursor sudah cukup—apakah saya perlu MCP? Cukup untuk script; saat Anda menyentuh Scene tree.
Bisakah MCP menggantikan slicing UI? Tidak. MCP mengelola objek di dalam editor; struktur UI tetap memerlukan handoff tingkat Prefab (alur Studio atau spec PSD / Figma).
Hanya satu engine—apakah tetap perlu belajar Studio? Layak jika revisi UI menghabiskan waktu untuk membangun ulang Canvas; jika UI minimal.
Proyek kecil Godot—instal apa dulu? Coba Godot MCP (open source) dulu; tambahkan AI Studio saat handoff UI menyakitkan.
Konflik dengan Unity AI UI Generator? Tidak konflik. Unity AI condong ke sprite editor; untuk multi-engine atau impor PSD/Figma terstruktur.
Lanjutkan membaca
Panduan lain yang mungkin Anda suka
Bangun Platformer 2D dengan Godot MCP: Gerakan, Level, dan Musuh
Kirim prototipe platformer Godot 4 via MCP: nuansa CharacterBody2D, level TileMap, musuh sederhana; gunakan VberAI Studio saat Anda butuh HUD/UI judul yang nyata.
- Godot MCP
- 2D platformer
- Godot 4
- GDScript
Hierarki Informasi HUD Mobile: Apa yang Ditampilkan saat Combat, Lobby, dan Modal
Visibilitas dan prioritas HUD per state game; kaitannya dengan Safe Area, layer floating text, dan stacking modal—tabel spesifikasi plus langkah Play dan acceptance perangkat.
- game-ui-design
- game-dev-ai
- ui-to-engine
- hud
Apa Itu VberAI? Plugin MCP, AI Studio, dan AI Super Matting
Di mana Engine MCP (Unity / Godot / Cocos), AI Studio (desain-ke-engine UI), dan AI Super Matting dari VberAI berada dalam pipeline produksi game.
- vberai
- mcp
- ai-studio
- ai-super-matting