Cocos Creator MCP सेटअप: Cursor और Claude से कनेक्ट करें (वीडियो गाइड)

वीडियो ट्यूटोरियल देखें

वीडियो: Cocos Creator MCP सेटअप वॉकथ्रू — VberAI YouTube चैनल

यह रिकॉर्डिंग Cocos Creator MCP कॉन्फ़िगरेशन पर केंद्रित है, कई इंजन का ओवरव्यू नहीं। आप MCP प्लगइन इंस्टॉल करना, लोकल ब्रिज शुरू करना, और Cursor या Claude Desktop जैसे AI क्लाइंट को Cocos Creator से जोड़ना सीखेंगे ताकि असिस्टेंट एडिटर में सीन और नोड बदल सके।

आप क्या सीखेंगे

• Creator 2.x / 3.x के लिए Cocos Creator MCP प्लगइन इंस्टॉल और सक्षम करना
• प्लगइन पैनल से लोकल MCP ब्रिज शुरू करना
• Cursor, Claude, Windsurf आदि में सर्वर URL जोड़ना
• रीड-ओनली टेस्ट (सीन ट्री) और छोटा राइट टेस्ट

Model Context Protocol (MCP) डिस्क फाइलों के बजाय लाइव एडिटर स्थिति — वर्तमान सीन, नोड पदानुक्रम, चयन — AI को देता है।

आवश्यकताएँ

आइटम	नोट
Cocos Creator	2.x या 3.x प्रोजेक्ट खुला
MCP प्लगइन	Cocos Creator MCP एक्सटेंशन (वीडियो में VberAI Cocos MCP)
AI क्लाइंट	Cursor, Claude Desktop, Windsurf, Cline
लोकल	ब्रिज 127.0.0.1 पर चलता है

सेटअप चरण

1. Cocos Creator MCP प्लगइन इंस्टॉल करें

1. अपने Creator संस्करण के लिए MCP एक्सटेंशन डाउनलोड करें (Cocos MCP पेज)।
2. extensions फोल्डर में रखें या एक्सटेंशन मैनेजर से इंस्टॉल करें।
3. Extension → Extension Manager में MCP सक्षम करें।

2. MCP ब्रिज शुरू करें

प्लगइन पैनल में Start MCP दबाएँ, लोकल URL और पोर्ट नोट करें। ब्रिज चलते समय Cocos Creator खुला रखें।

3. AI क्लाइंट कॉन्फ़िगर करें

Cursor mcp.json उदाहरण:

{
  "mcpServers": {
    "cocos-mcp": {
      "url": "http://127.0.0.1:PORT/mcp"
    }
  }
}

PORT को प्लगइन UI के मान से बदलें। सेव के बाद AI क्लाइंट रीस्टार्ट करें।

4. कनेक्शन सत्यापित करें

पहले रीड-ओनली प्रश्न पूछें:

• 「वर्तमान सीन नोड ट्री सूचीबद्ध करें।」
• 「Canvas के नीचे कौन से नोड हैं?」

एडिटर से संरचित पथ मिलने चाहिए।

5. छोटा राइट टेस्ट

रिवर्सिबल बदलाव करें — नया चाइल्ड नोड, UI ग्रुप का नाम बदलना — Hierarchy में पुष्टि करें।

MCP बनाम केवल फाइल एडिटिंग

MCP के बिना असेव्ड सीन, वर्तमान चयन और लाइव कंपोनेंट मान दिखाई नहीं देते। संबंधित आर्किटेक्चर: Godot के लिए real-time MCP Server।

डिज़ाइन → UI टूल के साथ (वैकल्पिक)

MCP एसेट्स के बाद एडिटर ऑपरेशन संभालता है। VberAI Studio (AI Studio) PSD / Figma से Cocos UI संरचना बनाता है। संबंधित वीडियो: 3 मिनट में गेम UI।

FAQ

Cursor को Cocos Creator से कैसे जोड़ें?
MCP इंस्टॉल → ब्रिज शुरू → Cursor mcp.json में URL → सीन ट्री से टेस्ट।

Cocos Creator MCP क्या है?
चल रहे एडिटर के माध्यम से Cocos Creator प्रोजेक्ट पढ़ने/लिखने वाला Model Context Protocol प्लगइन।

क्या वीडियो Unity/Godot कवर करता है?
नहीं — केवल Cocos Creator MCP सेटअप। Unity: Unity MCP इंस्टॉल; Godot: Godot MCP vs मैनुअल स्क्रिप्टिंग।

वीडियो लिंक
YouTube, @vber_ai। MCP ट्यूटोरियल के लिए VberAI YouTube सब्सक्राइब करें।