← Kembali ke blog

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.

Diterbitkan
  • 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:

  1. 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
  2. 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”:

LapisanProdukTugas
Canvas → UI enjinAI StudioJana UI permainan daripada bahasa semula jadi, atau import PSD / Figma; potong, matte, edit, kemudian segerak/eksport ke Unity, Godot, Cocos Creator
Enjin ↔ IDE AIEnjin 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:

Tonton di YouTube — Laluan 1: UI chibi match-3 bahasa semula jadi

Laluan 2: Import PSD / Figma / aset projek (reka bentuk wujud)

  1. Import komp berlapis atau UI sedia ada
  2. AI split ke panel, item senarai, bingkai dialog
  3. Tepi keras (rambut, cahaya, separa telus) melalui AI Super Matting apabila perlu, kemudian kembali ke Studio
  4. Komponenkan dan segerak / eksport ke Unity, Godot, atau Cocos Creator

Demo import dan split PSD / Figma:

Tonton di YouTube — Laluan 2: import PSD / Figma, kemudian segerak ke enjin

Apa yang langkah ini hasilkan

MenghasilkanTidak menghasilkan
Hierarki UI yang boleh dipasang, tekstur, struktur prefab/sceneFSM 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:

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:

Tonton di YouTube — Eksport UI Studio → Cursor + Godot MCP membina dan debug chibi match-3 (tanpa kod tulisan tangan)

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.

  1. Skop slice — contohnya “gerak + satu musuh + satu HUD” atau “satu tahap platform + mulakan semula”
  2. Pasang MCP dan asap baca-sahaja — senaraikan akar scene; sahkan IDE AI disambungkan
  3. UI placeholder atau permainan dahulu — Label/Slider semasa sistem belum siap; buka AI Studio apabila menu/HUD perlu kelihatan siap
  4. Maju logik melalui MCP — satu kebimbangan setiap prompt: kawalan → kerosakan → musuh → syarat gagal/quest
  5. Polish UI apabila perlu — eksport Studio → MCP mengikat butang dan acara nilai
  6. Penerimaan Play — rasa, perlanggaran, muat semula UI; jika gagal, sempitkan prompt dan cuba lagi

Iterasi pantas: pilih gelung mengikut jenis perubahan

PerubahanPilih
Rasa, nombor, AI, navigasi, pepijat skrip, pendawaian nodIDE AI → enjin MCP
Visual skrin penuh, reskin, split lapisan, eksport semula prefabAI 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.1 sahaja
  • 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.

Panduan lain yang mungkin anda suka