ब्लॉग तुलना शब्दावली
आधिकारिक साइट
← ब्लॉग पर वापस

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

YouTube वॉकथ्रू का टेक्स्ट संस्करण: Cocos Creator MCP इंस्टॉल करें, लोकल ब्रिज चालू करें, और Cursor या Claude में Model Context Protocol कॉन्फ़िगर करके कनेक्शन सत्यापित करें।

प्रकाशित
  • cocos
  • cocos-creator
  • mcp
  • cursor
  • claude
  • tutorial
  • video
YouTube पर देखें

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

वीडियो: 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 Creator2.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 AI 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 सब्सक्राइब करें।

और पढ़ें

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

Figma से Unity UI: VberAI AI Studio के साथ डिज़ाइन फ्रेम्स से प्रीफैब्स तक

Figma लेआउट को Unity UI पदानुक्रम में बदलें—आयात, प्राकृतिक भाषा संपादन, और VberAI AI Studio में प्रीफैब निर्यात, साथ ही हैंडऑफ के बाद Figma MCP और Unity MCP कैसे फिट होते हैं।

  • figma-to-unity
  • figma-to-code
  • figma-ai
  • figma-design
और पढ़ें

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

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

  • VberAI
  • AI Studio
  • Unity MCP
  • Godot MCP
और पढ़ें