VberAI End-to-End: AI Studio + Enjin MCP untuk Mini-Game yang Boleh Dimainkan
Jana atau import UI dalam AI Studio, kemudian pacu logik dan penyahpepijatan melalui Cursor dengan MCP Godot, Unity, atau Cocos. Termasuk rakaman chibi match-3—dari eksport Studio ke slice yang boleh dimainkan tanpa kod tulisan tangan.
- VberAI
- AI Studio
- Unity MCP
- Godot MCP
- Cocos MCP
- game development workflow
Pengenalan
Bagi indie dan pasukan kecil, kesesakan jarang berlaku kerana “tidak boleh menulis satu baris kod pun.” Ia biasanya dua trek berjalan selari:
- Struktur UI dan seni tidak pernah masuk dengan bersih ke dalam enjin—memotong komp, membina semula pokok Canvas / Control, nama dan hierarki yang tidak sepadan
- Permainan dan skrip mahal untuk diulang—melekat semula komponen, mengejar ralat, masuk Play—berjam-jam hilang untuk kerja editor yang berulang
VberAI membahagikan tugas-tugas itu kepada dua lapisan. Ia tidak mendakwa “satu butang, permainan siap”:
| Lapisan | Produk | Tugas |
|---|---|---|
| Canvas → UI enjin | AI Studio | Jana UI permainan daripada bahasa semula jadi, atau import PSD / Figma; potong, matte, edit, kemudian segerak/eksport ke Unity, Godot, Cocos Creator |
| Enjin ↔ IDE AI | Enjin MCP (Unity / Godot / Cocos) | Pacu editor terbuka dari Cursor, Claude Code, Codex, dan klien serupa: logik, skrip, debug, pratonton |
Baki panduan ini adalah laluan berbentuk produksi untuk slice 0–1 yang boleh dimainkan dan untuk kitaran semakan kemudian.
Saluran paip hujung-ke-hujung
Matlamat permainan / fail reka bentuk / ringkasan UI NL
│
├─→ AI Studio (jana · import · potong · matte · komponenkan · eksport)
│ ↓
│ Hierarki UI / prefab / aset scene dalam projek enjin
│
└─→ IDE AI + Enjin MCP (baca scene · tulis skrip · wayar · Play/debug)
↓
Slice permainan yang boleh didemonstrasi → kembali ke Studio atau terus guna MCP mengikut jenis perubahan
Peraturan praktikal:
- Dapatkan struktur UI betul di atas kanvas sebelum pendawaian enjin yang mendalam
- Kekalkan tingkah laku dan nombor dalam enjin; manusia memiliki hasil Play
- Komit sebelum suntingan besar; kekalkan jambatan MCP pada localhost sahaja
AI Studio: aset antara muka sedia-enjin
AI Studio adalah untuk struktur UI / antara muka permainan—bukan kotak sembang generik, dan bukan pengganti untuk mesin keadaan pertempuran dalam enjin.
Laluan 1: UI bahasa semula jadi (belum ada fail reka bentuk)
Bantu saya mereka bentuk permainan chibi match-3
Kemudian sahkan di atas kanvas: sasaran hit vs hiasan, nama yang boleh diikat oleh skrip, susun atur di bawah resolusi sasaran. Demo di bawah:
Laluan 2: Import PSD / Figma / aset projek (reka bentuk wujud)
- Import komp berlapis atau UI sedia ada
- AI split ke panel, item senarai, bingkai dialog
- Tepi keras (rambut, cahaya, separa telus) melalui AI Super Matting apabila perlu, kemudian kembali ke Studio
- Komponenkan dan segerak / eksport ke Unity, Godot, atau Cocos Creator
Demo import dan split PSD / Figma:
Apa yang langkah ini hasilkan
| Menghasilkan | Tidak menghasilkan |
|---|---|
| Hierarki UI yang boleh dipasang, tekstur, struktur prefab/scene | FSM pertempuran penuh, kuasa netcode, sistem simpan |
Contoh serahan yang lebih mendalam: Figma ke Unity UI.
Enjin MCP: logik dipacu dialog dan kerja editor
MCP (Model Context Protocol) membolehkan IDE AI memanggil alat tempatan. Plugin enjin VberAI mendedahkan editor terbuka kepada klien: scene/nod, skrip, bantuan debug dan pratonton—bukan hanya menampal fail ke dalam repo.
Pilih dan pasang mengikut enjin:
- Unity MCP · panduan pemasangan
- Godot MCP (sumber terbuka) · panduan pemasangan
- Cocos 3.x / 2.x · pemasangan 3.x · pemasangan 2.x
Perbandingan: Godot MCP vs Unity MCP vs Cocos MCP.
Demo: selepas eksport Studio, Cursor + Godot MCP menghantar chibi match-3
Meneruskan Laluan 1: UI sudah berada dalam Godot dari AI Studio. Sambungkan Godot MCP dalam Cursor dan pacu editor dalam bahasa semula jadi—tanpa menulis satu baris kod pun dengan tangan—untuk melaksanakan permainan chibi match-3 dan debug ke keadaan yang boleh dimainkan. Rakaman di bawah:
Sesuai untuk MCP
- Slice permainan yang boleh diuji: kawalan pemain, pertempuran mudah, keadaan musuh, pendawaian quest
- Penamaan semula hierarki / pokok scene secara kelompok, lekatkan komponen, ikat HUD yang dieksport Studio kepada acara
- Dalam had plugin: log, konteks pemilihan, suntingan kecil yang boleh diterbalikkan kemudian Play
Tidak sesuai
- Kuasa multiplayer yang tidak disemak atau tulis semula saluran paip render penuh
- “Satu prompt, hantar permainan komersial”
- Menggantikan keputusan arah seni dan rasa—itu masih memerlukan manusia dalam mod Play
Contoh kerja: 3D RPG dengan Unity MCP, 2D platformer dengan Godot MCP.
0–1: laluan minimum
Sasarkan slice yang boleh didemonstrasi dalam beberapa jam, bukan senarai semak ciri.
- Skop slice — contohnya “gerak + satu musuh + satu HUD” atau “satu tahap platform + mulakan semula”
- Pasang MCP dan asap baca-sahaja — senaraikan akar scene; sahkan IDE AI disambungkan
- UI placeholder atau permainan dahulu — Label/Slider semasa sistem belum siap; buka AI Studio apabila menu/HUD perlu kelihatan siap
- Maju logik melalui MCP — satu kebimbangan setiap prompt: kawalan → kerosakan → musuh → syarat gagal/quest
- Polish UI apabila perlu — eksport Studio → MCP mengikat butang dan acara nilai
- Penerimaan Play — rasa, perlanggaran, muat semula UI; jika gagal, sempitkan prompt dan cuba lagi
Iterasi pantas: pilih gelung mengikut jenis perubahan
| Perubahan | Pilih |
|---|---|
| Rasa, nombor, AI, navigasi, pepijat skrip, pendawaian nod | IDE AI → enjin MCP |
| Visual skrin penuh, reskin, split lapisan, eksport semula prefab | AI Studio (+ matting jika perlu) |
| Masih tersekat pada “komp tidak akan masuk ke enjin” | Struktur Studio dahulu, kemudian MCP |
Keuntungan yang dijangka adalah konkrit: kurang membina semula UI dari awal dalam editor, dan kurang klik berulang. Ia tidak menghapuskan pertimbangan reka bentuk atau ujian.
Senarai semak pasukan
- Pelesenan: MCP Unity / Cocos mengikuti pengaktifan rasmi; MCP Godot boleh mengesahkan tabiat melalui sumber terbuka
- Keselamatan: Pelayan MCP pada
127.0.0.1sahaja - Prompt dengan kriteria penerimaan: laluan, titik lekat, apa yang Play patut tunjukkan dalam ~10 s, refaktor di luar skop
- Semakan: sentiasa uji-Play skrip yang dijana dan suntingan nod—MCP mengurangkan kos operasi, bukan QA
Kesimpulan
Kisah berguna VberAI adalah pembahagian kesakitan frekuensi tinggi—bukan “automasi penuh”:
- AI Studio: bahasa semula jadi atau PSD/Figma → struktur UI untuk Unity / Godot / Cocos
- Enjin MCP: bahasa semula jadi dalam IDE AI → logik dalam editor, skrip, debug, pratonton
Gunakan gelung yang betul dan slice 0–1 serta kitaran semakan bergerak lebih pantas. Melintasi sempadan (menulis FSM pertempuran di kanvas, MCP memotong keseluruhan pek UI) dan anda menambah kerja semula. Terima satu lapisan atau kedua-duanya mengikut peringkat projek—anda tidak perlu setiap produk pada hari pertama.
Teruskan membaca
Panduan lain yang mungkin anda suka
Sambungkan HUD AI Studio ke Acara Kesihatan dengan Unity MCP
Selepas AI Studio mengeksport prefab HUD Unity, gunakan Cursor + Unity MCP untuk melanggan acara kesihatan, segar semula bar dan teks kerosakan, dengan senarai semak mod Main dan pembaikan titik putus biasa.
- Unity MCP
- AI Studio
- HUD
- Unity
Hierarki Maklumat HUD Mudah Alih: Apa yang Perlu Dipaparkan dalam Pertempuran, Lobi dan Modal
Keterlihatan dan keutamaan HUD mengikut keadaan permainan; kaitannya dengan Safe Area, lapisan teks terapung dan tindanan modal—jadual spesifikasi serta langkah penerimaan Play dan peranti.
- game-ui-design
- game-dev-ai
- ui-to-engine
- hud
Cara Mengimport PSD ke Unity UI dalam 5 Minit dengan AI Studio
Aliran kerja pantas dan praktikal untuk menukar fail PSD berlapis menjadi prefab Unity UI—menggunakan VberAI Studio untuk import yang menyedari struktur, serta tip untuk persediaan Canvas dan lelaran.
- vberai
- ai-studio
- unity
- psd