← ब्लॉग पर वापस

VberAI एंड-टू-एंड: AI Studio + Engine MCP से प्लेअबल मिनी-गेम

AI Studio में UI जनरेट या इंपोर्ट करें, फिर Cursor + Godot/Unity/Cocos MCP से लॉजिक और डिबग चलाएँ। chibi match-3 रिकॉर्डिंग शामिल—Studio एक्सपोर्ट के बाद बिना हैंड-रिटन कोड के प्लेअबल स्लाइस तक।

प्रकाशित
  • VberAI
  • AI Studio
  • Unity MCP
  • Godot MCP
  • Cocos MCP
  • game development workflow

इंडि और छोटी टीमों की रुकावट अक्सर «कोड नहीं लिख सकते» नहीं होती। दो ट्रैक साथ धीमे पड़ते हैं:

  1. UI/आर्ट स्ट्रक्चर इंजन में साफ़ नहीं उतरता—स्लाइसिंग, Canvas/Control फिर से बनाना, नाम और हायरार्की
  2. गेमप्ले/स्क्रिप्ट इटरेट करना महँगा—कंपोनेंट, एरर, Play—एडिटर में दोहराव

VberAI इन्हें दो लेयर में बाँटता है—«एक बटन = पूरा गेम» का दावा नहीं:

लेयरप्रोडक्टकाम
कैनवस → इंजन UIAI StudioNL से गेम UI, या PSD/Figma इंपोर्ट; स्प्लिट, मैटिंग, एडिट, फिर Unity / Godot / Cocos Creator में सिंक/एक्सपोर्ट
इंजन ↔ AI IDEEngine MCPCursor / Claude Code / Codex से एडिटर: लॉजिक, स्क्रिप्ट, डिबग, प्रीव्यू

पाइपलाइन

गेमप्ले लक्ष्य / डिज़ाइन / NL UI
        │
        ├─→ AI Studio → इंजन में UI
        └─→ AI IDE + Engine MCP → डेमो योग्य गेमप्ले स्लाइस

UI स्ट्रक्चर कैनवस पर ठीक करें; व्यवहार/नंबर इंजन में Play से जाँचें। बड़े बदलाव से पहले commit। MCP सिर्फ़ localhost।

AI Studio: इंजन-रेडी UI

AI Studio गेम UI स्ट्रक्चर के लिए।

पथ 1: प्राकृतिक भाषा से UI (डिज़ाइन फ़ाइल नहीं)

Help me design a chibi-style match-3 game

कैनवस पर जाँचें: हिट टारगेट बनाम सजावट, स्क्रिप्ट योग्य नाम, रेज़ोल्यूशन लेआउट। डेमो:

YouTube पर देखें — पथ 1: NL → chibi match-3 UI

पथ 2: PSD / Figma / प्रोजेक्ट एसेट इंपोर्ट (डिज़ाइन मौजूद)

  1. लेयर्ड कॉम्प या मौजूदा UI इंपोर्ट
  2. AI स्प्लिट: पैनल, लिस्ट आइटम, डायलॉग
  3. कठिन एज पर ज़रूरत हो तो AI Super Matting, फिर Studio
  4. कंपोनेंटाइज़ कर Unity / Godot / Cocos Creator में सिंक/एक्सपोर्ट

डेमो:

YouTube पर देखें — पथ 2: PSD / Figma → इंजन सिंक

इस स्टेप का दायरा

देता हैनहीं देता
UI हायरार्की, टेक्सचर, प्रेफ़ैब/सीनपूरा कॉम्बैट FSM, नेट अथॉरिटी, पूरा सेव सिस्टम

उदाहरण: Figma → Unity UI।

Engine MCP

खुले एडिटर को AI IDE से जोड़ता है। इंस्टॉल: Unity · Godot · Cocos 3.x · Cocos 2.x। तुलना: तीन MCP।

डेमो: Studio एक्सपोर्ट के बाद Cursor + Godot MCP से chibi match-3

पाथ 1 का UI पहले से Godot में है। Cursor में Godot MCP जोड़ें और बिना हाथ से कोड लिखे match-3 को प्लेअबल बनाएँ व डिबग करें:

YouTube पर देखें — Studio UI एक्सपोर्ट → Cursor + Godot MCP से chibi match-3 बनाकर डिबग (कोई हैंड-रिटन कोड नहीं)

ठीक: जाँच योग्य गेमप्ले स्लाइस, हायरार्की साफ़, HUD बाइंड, छोटा रिवर्सिबल राइट + Play।
नहीं: अनरिव्यूड मल्टीप्लेयर अथॉरिटी, पूरा रेंडर रीराइट, «एक प्रॉम्प्ट = कमर्शियल गेम»।

उदाहरण: Unity 3D RPG, Godot 2D।

0–1 और इटरेशन

स्लाइस तय → रीड-ओनली स्मोक → प्लेसहोल्डर UI या गेमप्ले पहले → एक प्रॉम्प्ट एक चिंता → पॉलिश पर Studio → Play।

बदलावप्राथमिकता
फील, नंबर, स्क्रिप्ट, वायरिंगAI IDE → MCP
फुल-स्क्रीन, रेस्किन, री-एक्सपोर्टAI Studio
डिज़ाइन इंजन में नहीं घुसतापहले Studio

निष्कर्ष

VberAI की उपयोगी कहानी ऑटोमेशन नहीं, दर्द का बँटवारा है: AI Studio = इंजन UI, Engine MCP = एडिटर लॉजिक/डिबग। सही लूप से 0–1 और रिवीज़न तेज़; गलत सीमा से रीवर्क। प्रोजेक्ट स्टेज के हिसाब से एक या दोनों लेयर काफ़ी हैं।

आपको ये लेख भी पसंद आ सकते हैं

गेम UI लोकेल ओवरफ़्लो: डिज़ाइन हेडरूम और VberAI Studio Translate एक्सपोर्ट QA

जर्मन या स्पेनिश कॉपी से बटन और लिस्ट टूटने पर फेल/पास कैसे तय करें, डिज़ाइन में चौड़ाई कैसे आरक्षित करें, और पूर्ण-ट्री री-एक्सपोर्ट से पहले VberAI Studio कैनवास पर लोकेल की तुलना कैसे करें।

  • game-ui-design
  • game-dev-ai
  • ui-localization
  • i18n
और पढ़ें

Cocos Creator 2.x MCP स्थापना गाइड: packages में इंस्टॉल कर AI IDE कनेक्ट करें

VberAI Cocos Creator 2.x MCP Pro को चरण दर चरण स्थापित करें—packages में अनज़िप, पुनरारंभ और सक्रिय करें, स्थानीय MCP सर्वर शुरू करें, और Cursor, Claude, Codex या अन्य MCP-सक्षम AI IDE में कनेक्शन जाँचें।

  • cocos
  • cocos-creator
  • mcp
  • cursor
और पढ़ें