इस सप्ताहांत Vercel पर 3D गेम कैसे शिप करें (AI कौशल के साथ)

Vibe Skills

Claude, Cursor और अन्य के लिए सैकड़ों तैयार स्किल्स ब्राउज़ करें।

स्किल्स एक्सप्लोर करें

अभी मुफ़्त शुरू करें

संडे रात तक Vercel पर 3D गेम शिप करें: 48-घंटे का डिप्लॉय प्लेबुक

आप शुक्रवार शाम को कोरे से रविवार के खाने तक your-game.vercel.app लिंक तक पहुँच सकते हैं। स्टैक Three.js, Cursor, Vibe Skills से एक AI स्किल, और Vercel का फ्री टियर है। वीकेंड के लिए कुल लागत: $0। कुल इंफ्रा जिस पर आपको नज़र रखनी है: वह भी शून्य।

यह "लैपटॉप पर प्रोटोटाइप बनाएँ और उसे पूरा समझ लें" नहीं है। यह एक पब्लिक URL है जिसे दुनिया का कोई भी व्यक्ति ब्राउज़र में खोल सकता है, HTTPS, एज कैशिंग और कस्टम डोमेन के साथ यदि आप चाहें। AI स्किल Three.js स्कैफोल्डिंग और एक वर्किंग vercel.json को शिप करता है। Cursor पुनरावृति लूप को संभालता है। Vercel डिप्लॉय को संभालता है। आप डिज़ाइन को संभालते हैं।

यह गाइड इंडी डेव, वाइब कोडर्स, हैकथॉन प्रतिभागियों और उन सभी के लिए है जो आधे-अधूरे localhost:5173 टैब से थक गए हैं। हम कवर करेंगे कि यह स्टैक क्यों काम करता है, 48-घंटे के डिप्लॉय की संरचना, वर्कफ़्लो के लिए बनी पांच 3D गेम स्किल्स, और शुक्रवार से रविवार तक स्टेप-बाय-स्टेप।

Vibe Skills

Claude, Cursor और अन्य के लिए सैकड़ों तैयार स्किल्स ब्राउज़ करें।

स्किल्स एक्सप्लोर करें

अभी मुफ़्त शुरू करें

Vercel + Three.js + AI स्किल्स सोलो डेव स्टैक क्यों है

Vercel Three.js गेम के लिए सबसे आलसी संभावित डिप्लॉय टारगेट है। GitHub पर पुश करें, Vercel नोटिस करेगा, प्रोजेक्ट बनाएगा, और 60 सेकंड के भीतर आपको एक URL वापस देगा। कोई सर्वर प्रोविज़न करने की ज़रूरत नहीं, कोई Docker फाइल नहीं, कोई NGINX कॉन्फ़िगरेशन नहीं, कोई SSL सेटअप नहीं। Three.js बंडल सिर्फ स्टैटिक HTML, JS, और WebGL एसेट्स होते हैं, जो ठीक वही है जिसके लिए Vercel का एज नेटवर्क बनाया गया है।

फ्री टियर एक वीकेंड लॉन्च को आराम से कवर करता है:

• 100 GB बैंडविड्थ प्रति माह। 10,000 प्ले के लिए 5 MB Three.js बिल्ड 50 GB है। आप बैंडविड्थ खत्म होने से पहले वीकेंड खत्म कर देंगे।
• HTTPS और *.vercel.app सबडोमेन के साथ अनलिमिटेड स्टैटिक डिप्लॉय।
• फ्री टियर पर कस्टम डोमेन सपोर्ट - यदि आपके पास name-game.com है तो उसे लाएं, अन्यथा फ्री vercel.app URL हर सोशल प्लेटफॉर्म पर शेयर करने योग्य है।
• हर कमिट के लिए प्रीव्यू डिप्लॉय - हर पुश का अपना URL मिलता है, इसलिए आप किसी दोस्त के साथ बिल्ड शेयर कर सकते हैं और उसे तोड़े बिना पुनरावृति जारी रख सकते हैं।

Vibe Skills से एक AI स्किल जोड़ें और बॉयलरप्लेट भी गायब हो जाता है। Three.js सीन सेटअप, प्लेयर कंट्रोलर, बिल्ड पाइपलाइन, और एक Vercel-रेडी vercel.json एक कमांड में जनरेट होते हैं। फिर Cursor वीकेंड के बाकी हिस्से को एक चैट में बदल देता है जहाँ आप गेमप्ले का वर्णन करते हैं और आउटपुट को ट्यून करते हैं। यह फुल स्टैक है: फाउंडेशन के लिए एक मार्केटप्लेस स्किल, पुनरावृति के लिए एक AI एडिटर, और डिप्लॉय के लिए Vercel। सोलो, फ्री, और फ़ास्ट।

Vibe Skills

Claude, Cursor और अन्य के लिए सैकड़ों तैयार स्किल्स ब्राउज़ करें।

स्किल्स एक्सप्लोर करें

अभी मुफ़्त शुरू करें

48-घंटे की संरचना: शुक्रवार कॉन्सेप्ट से रविवार डिप्लॉय

हर वीकेंड शिप जो वास्तव में लाइव होता है, उसी बीट्स का पालन करता है। ट्रिक यह है कि शुक्रवार को डिप्लॉय प्लान करें, रविवार दोपहर को नहीं, ताकि आखिरी छह घंटे पॉलिश में जाएँ न कि बिल्ड एरर से लड़ने में।

इसका कारण यह है कि शुक्रवार को Vercel पर पुश किया जाता है। एक बार URL मौजूद हो जाने पर, हर शनिवार और रविवार का कमिट स्वचालित रूप से डिप्लॉय हो जाता है। कोई "रविवार रात को डिप्लॉय पैनिक" नहीं होता क्योंकि डिप्लॉय पहले ही शुक्रवार को हो चुका है और पूरे वीकेंड ऑटो-पायलट पर चल रहा है।

Vercel पर 3D गेम का "वाइब कोडिंग" कैसा दिखता है

वाइब कोडिंग का मतलब है कि आप जो चाहते हैं उसे प्लेन इंग्लिश में डिस्क्राइब करें और AI एडिटर को कोड लिखने दें, फिर आउटपुट पर पुनरावृति करें। Vercel पर Three.js गेम के लिए, लूप असामान्य रूप से साफ है: Cursor में हर बदलाव लोकल फीडबैक से pnpm dev दूर है, फिर लाइव प्रीव्यू URL से git push दूर है, फिर main पर प्रोडक्शन में ऑटो-डिप्लॉय होता है।

एक वाइब-कोडेड Vercel गेम वीकेंड कुछ ऐसा दिखता है:

1. Cursor में स्किल का स्टार्टर फोल्डर खोलें।
2. चैट में एक फीचर का वर्णन करें: "डबल जंप अगर स्पेस को 200ms के भीतर दो बार दबाया जाए"।
3. Cursor कंट्रोलर फाइल को एडिट करता है। सेव करें। pnpm dev रीलोड होता है। आप ब्राउज़र में जंप महसूस करते हैं।
4. यदि यह सही लगता है, तो git push करें। Vercel एक प्रीव्यू URL बनाता है। इसे किसी दोस्त को भेजें।
5. जब फील लॉक हो जाए तो main में मर्ज करें। प्रोडक्शन URL 60 सेकंड के भीतर अपडेट हो जाता है।

AI टाइपिंग करता है। Vercel डिप्लॉय करता है। आप फील और डिज़ाइन करते हैं।

5 AI 3D गेम स्किल्स जो Vibe Skills पर इसे संभव बनाती हैं

ये स्किल्स Vercel + Three.js + Cursor वीकेंड वर्कफ़्लो के लिए बनी हैं। हर एक में एक Vite-आधारित Three.js प्रोजेक्ट, एक वर्किंग vercel.json, एक pnpm build जो एक स्टैटिक बंडल बनाता है जिसे Vercel एज से सर्व कर सकता है, और एक टेस्टेड डिप्लॉय पाथ है। सभी Vibe Skills पर 3D गेम्स कैटेगरी में हैं।

1. Three.js + Vercel गेम स्टार्टर

डिफ़ॉल्ट विकल्प। प्लेयर कंट्रोलर, थर्ड-पर्सन कैमरा, लाइटिंग रिग, स्काईबॉक्स, और कोलिज़न के साथ एक Three.js सीन जनरेट करता है। vercel.json के साथ आता है जो Three.js एसेट बंडल्स के लिए सही कैशिंग हेडर सेट करता है। pnpm dev लोकली चलता है; Vercel डैशबोर्ड में एक क्लिक GitHub रिपॉजिटरी को कनेक्ट करता है और आपके पास एक लाइव URL होता है।

सबसे अच्छा है: किसी भी जॉनर के लिए सिवाय प्योर 2D के। इसका उपयोग करें यदि आप अभी तक नहीं जानते कि आप क्या बना रहे हैं।

2. फर्स्ट-पर्सन Vercel वॉकर

एक पॉलिश किया हुआ फर्स्ट-पर्सन कंट्रोलर (WASD + माउस पॉइंटर लॉक + ग्रेविटी + स्प्रिंट + जंप) जिसमें फुटस्टेप हुक, हेड-बॉब, और एक vercel.json है जो पॉइंटर-लॉक CSP हेडर को सही ढंग से हैंडल करता है। यह कई सोलो डेव को प्रोडक्शन में फंसाता है। स्किल इसे आपके लिए हल करती है।

सबसे अच्छा है: वॉकिंग सिम, हॉरर प्रोटोटाइप, नैरेटिव गेम्स, म्यूजियम एग्जीबिशन।

3. ब्राउज़र एरीना शूटर किट

एक टॉप-डाउन एरीना (ट्विन-स्टिक कंट्रोलर, वेव स्पॉनर, बेसिक एनिमी AI, प्रोजेक्टाइल सिस्टम, स्कोर HUD) Vercel-ट्यून्ड बिल्ड के साथ जो एसेट्स को gzips करता है, AI को कोड-स्प्लिट करता है, और म्यूजिक को लेज़ी-लोड करता है। मल्टीप्लेयर हुक शामिल हैं; वीकेंड सिंगल-प्लेयर शिप करता है।

सबसे अच्छा है: आर्केड शूटर, बुलेट हेल, जैम एंट्रीज जिन्हें मोबाइल पर तेजी से लोड होने की ज़रूरत है।

4. Vercel पज़ल प्लैटफ़ॉर्मर

एक थर्ड-पर्सन प्लैटफ़ॉर्मर (वेरिएबल जंप, कॉयोट टाइम, लेज डिटेक्शन), चेकपॉइंट, तीन स्टब लेवल जिन्हें आप Blender या कोड में एडिट कर सकते हैं, और एक रीस्पॉन लूप। vercel.json को तुरंत एज-कैश्ड लेवल रीलोड के लिए कॉन्फ़िगर किया गया है, इसलिए प्लेटेस्टिंग फोन पर तेज़ लगती है।

सबसे अच्छा है: पज़ल प्लैटफ़ॉर्मर, पार्कौर प्रोटोटाइप, लेवल-डिज़ाइन प्रयोग।

5. Vercel ड्राइविंग सैंडबॉक्स

आर्केड ड्राइविंग फील (एक्सेलेरेशन कर्व, ड्रिफ्ट फिजिक्स, कैमरा लैग, बेसिक टेरेन) एक लो-पॉली कार, एक ट्रैक टेम्पलेट, और बड़े टेरेन मेश के लिए ट्यून किए गए डिप्लॉय के साथ। प्रीसेट HTTP हेडर सफारी पर WebGL कॉन्टेक्स्ट को तेज़ी से स्टार्ट करते हैं, जो ऐतिहासिक रूप से Three.js के लिए सबसे धीमा ब्राउज़र है।

सबसे अच्छा है: आर्केड रेसिंग, ऑफ-रोड ड्राइविंग, पोर्टफोलियो के लिए कार-फील डेमो।

Vibe Skills पर सभी 3D गेम स्किल्स ब्राउज़ करें →

शुक्रवार से रविवार तक स्टेप-बाय-स्टेप

यह सटीक शेड्यूल है। स्टार्ट टाइम एडजस्ट करें, लेकिन क्रम बनाए रखें। मुख्य माइलस्टोन शुक्रवार रात को Vercel डिप्लॉय है। उसके बाद सब कुछ पुनरावृति है।

शुक्रवार 6pm - 8pm: स्किल चुनें, GitHub पर पुश करें, Vercel कनेक्ट करें

स्टेप 1: Vibe Skills पर एक 3D गेम स्किल चुनें। 3D गेम्स कैटेगरी ब्राउज़ करें, जॉनर से मेल खाने वाला चुनें, और स्टार्टर को एक फ्रेश फोल्डर में इंस्टॉल करें। Cursor में खोलें। 7pm तक आपको एक मूविंग प्लेयर के साथ एक Three.js सीन दिखना चाहिए।

स्टेप 2: एक GitHub रिपॉजिटरी बनाएँ और पुश करें। git init, git remote add, git push। अपने गेम के स्लग का उपयोग रिपॉजिटरी नाम के रूप में करें (crystal-runner, lunar-fishing, जो भी हो)। रिपॉजिटरी का नाम अक्सर आपका URL बन जाता है।

स्टेप 3: रिपॉजिटरी को Vercel से कनेक्ट करें। GitHub के साथ Vercel में साइन इन करें (फ्री), "Add New Project" पर क्लिक करें, रिपॉजिटरी चुनें। Vercel Vite को ऑटो-डिटेक्ट करता है और बिल्ड को कॉन्फ़िगर करता है। Deploy पर क्लिक करें। 60 सेकंड के भीतर आपको एक crystal-runner.vercel.app URL मिल जाएगा। अपने फोन पर खोलें। एक दोस्त के साथ शेयर करें। वीकेंड के बाकी समय के लिए डिप्लॉय बार अब शून्य है।

शुक्रवार 8pm - 10pm: डिज़ाइन डॉक लिखें

स्टेप 4: प्लेन इंग्लिश में पांच सवालों के जवाब दें। रिपॉजिटरी के अंदर एक Notion पेज या Markdown फाइल खोलें और जवाब दें:

• खिलाड़ी हर 5 सेकंड में क्या कर रहा है? (कोर लूप)
• जीत की स्थिति और हार की स्थिति क्या है?
• एक रन या एक लेवल कितना लंबा है?
• विजुअल हुक क्या है? (पैलेट, लाइटिंग, स्टाइल रेफरेंस)
• वह एक फीचर क्या है जो इसे 30 सेकंड में यादगार बनाता है?

स्टेप 5: डिज़ाइन डॉक को कमिट करें। इसे रिपॉजिटरी में पुश करें। Vercel फिर से डिप्लॉय करेगा। हर सार्थक बदलाव को पुश करने का अनुशासन लाइव URL को ईमानदार रखता है।

शनिवार 9am - 1pm: कोर मैकेनिक बनाएँ

स्टेप 6: अपने एक फीचर के साथ प्लेसहोल्डर मैकेनिक को बदलें। यही एकमात्र फीचर है जो मायने रखता है। इसका वर्णन करने के लिए Cursor चैट का उपयोग करें ("जब खिलाड़ी एक क्रिस्टल उठाता है, तो आसपास के दुश्मनों को 2 सेकंड के लिए फ्रीज करें और एक झंकार बजाएं")। pnpm dev के साथ लोकली पुनरावृति करें। जब यह सही लगे, तो पुश करें।

स्टेप 7: जीत/हार की स्थिति को वायर करें। एक वास्तविक अंत के साथ 60-सेकंड का बिल्ड एक गेम की तरह लगता है। बिना अंत के 60-मिनट का बिल्ड एक टेक डेमो की तरह लगता है। हमेशा पहले जीत स्क्रीन को वायर करें, फिर बाकी सब कुछ।

शनिवार 1pm - 8pm: एक लेवल जोड़ें

स्टेप 8: एक पॉलिश किया हुआ लेवल बनाएँ। तीन आधे-बेक किए हुए लेवल नहीं। ज्योमेट्री के लिए प्लेसहोल्डर क्यूब्स का उपयोग करें। स्किल के स्टॉक कैरेक्टर का उपयोग करें। फील को ट्यून करें - जंप हाइट, कैमरा लैग, पार्टिकल इंटेंसिटी।

स्टेप 9: एक ट्यूटोरियल ओवरले जोड़ें। पहली बार लॉन्च होने पर दो-वाक्य का "WASD से मूव करें, फायर करने के लिए क्लिक करें" पॉपअप कन्फ्यूज्ड खिलाड़ियों से आपके लॉन्च को बचाता है जो 8 सेकंड में हार मान लेते हैं। Cursor 30 सेकंड में React (या वैनिला DOM) ओवरले जनरेट कर सकता है।

स्टेप 10: हर घंटे पुश करें। हर पुश को एक Vercel प्रीव्यू URL मिलता है। हर एक को एक दोस्त को भेजें। फीडबैक लूप इस स्टैक का सीक्रेट हथियार है।

रविवार 10am - 4pm: पॉलिश

स्टेप 11: तीन साउंड जोड़ें। फुटस्टेप लूप, एम्बिएंट पैड, विन स्टिंग। यहां तक कि तीन साउंड भी एक वीकेंड प्रोटोटाइप को नाटकीय रूप से उठाते हैं। फ्री स्रोत: freesound.org, opengameart.org।

स्टेप 12: ज्यूस जोड़ें। हिट होने पर पार्टिकल्स, इम्पैक्ट पर स्क्रीन शेक, स्कोर पर नंबर पॉपअप। ज्यूस वही है जो 48-घंटे के बिल्ड को GIF में 6-महीने वाले जैसा दिखाता है। Cursor से "जब खिलाड़ी को नुकसान हो तो 150ms के लिए 0.3 की इंटेंसिटी का स्क्रीन शेक जोड़ें" पूछें - यह पांच सेकंड में कैमरा-शेक हुक लिख देगा।

स्टेप 13: एक लाइटहाउस पास चलाएँ। फोन पर Vercel URL खोलें और Chrome DevTools Lighthouse चलाएँ। Three.js बंडल्स आमतौर पर 400 KB से 1.5 MB के बीच होते हैं। यदि आप 3 MB से अधिक हैं, तो Cursor से भारी मॉड्यूल पर कोड स्प्लिटिंग को इनेबल करने के लिए कहें। Vercel का gzip और ब्रॉली बाकी सब कुछ संभालेगा।

स्टेप 14: बग पास। अपने लाइव URL को लगातार पांच बार खेलें। जो दो बार ब्रेक होता है उसे ठीक करें। जो एक बार ब्रेक होता है उसे अनदेखा करें।

रविवार 4pm - 8pm: लॉन्च

स्टेप 15: (वैकल्पिक) एक कस्टम डोमेन सेट करें। यदि आपने पहले से name-game.com खरीदा है, तो इसे Vercel की प्रोजेक्ट सेटिंग्स में जोड़ें। SSL स्वचालित है। अन्यथा *.vercel.app URL ठीक है - इसमें HTTPS है, यह शेयर करने योग्य है, और यह हर जगह लोड होता है।

स्टेप 16: सर्वश्रेष्ठ पल का 15-सेकंड का GIF रिकॉर्ड करें। लोकलहोस्ट नहीं, लाइव URL का उपयोग करें। GIF वही है जो Twitter, Bluesky, और Reddit पर क्लिक होता है।

स्टेप 17: एक itch.io पेज बनाएँ (वैकल्पिक लेकिन उच्च-लाभकारी)। शीर्षक, एक-लाइन टैगलाइन, तीन स्क्रीनशॉट, GIF, नियंत्रण, क्रेडिट, और अपने *.vercel.app iframe का एम्बेड (itch.io HTML5 गेम के लिए iframe एम्बेड का समर्थन करता है)। अब आपके पास दो URL हैं - एक कैजुअल शेयरिंग के लिए और एक गेमर ऑडियंस के लिए।

स्टेप 18: लिंक पोस्ट करें। Twitter, Bluesky, आपके डेव कम्युनिटी Discord, r/IndieDev, r/threejs, r/WebGames। हमेशा GIF से शुरुआत करें। हमेशा URL शामिल करें। यदि आपने Vibe Skills स्किल का उपयोग किया है, तो इसे डेव्लॉग पोस्ट में उल्लेख करें - अन्य डेव जो साथ पढ़ रहे हैं, वे वही स्टार्टर चाहेंगे।

Vercel डिप्लॉय के तीन सबसे आम विफलताओं से कैसे बचें

लगभग हर सोलो Three.js + Vercel वीकेंड को तीन चीजें तोड़ती हैं। ये सभी 5-मिनट के फिक्स हैं यदि आप उन्हें शुक्रवार रात को पकड़ लेते हैं, और 5-घंटे के खरगोश के छेद हैं यदि आप उन्हें रविवार शाम 7 बजे खोजते हैं।

• गलत बिल्ड आउटपुट डायरेक्टरी। Vite का डिफ़ॉल्ट dist/ है। Vercel Vite को ऑटो-डिटेक्ट करता है और dist/ का उपयोग करता है। यदि आपने आउटपुट को कस्टमाइज़ किया है, तो vercel.json में या प्रोजेक्ट सेटिंग्स में outputDirectory सेट करें या आपका डिप्लॉय 404 होगा।
• एसेट पाथ जो लोकली काम करते हैं लेकिन प्रोडक्शन में 404 होते हैं। किसी भी रनटाइम-लोडेड GLB, टेक्सचर, या ऑडियो फाइल के लिए रिलेटिव पाथ या Vite import.meta.env.BASE_URL हेल्पर का उपयोग करें। हार्डकोडेड /assets/... पाथ आमतौर पर काम करते हैं, लेकिन कॉपी-पेस्ट किए गए एब्सोल्यूट विंडोज पाथ बिल्कुल भी काम नहीं करेंगे।
• CSP हेडर जो पॉइंटर लॉक या ऑडियो कॉन्टेक्स्ट को ब्लॉक करते हैं। फर्स्ट-पर्सन गेम्स को पॉइंटर लॉक की ज़रूरत होती है। ऑडियो को यूजर-जेस्चर एक्टिवेशन की ज़रूरत होती है। 3D गेम्स कैटेगरी से कोई भी स्किल इसे हैंडल करने के लिए vercel.json में सही headers ब्लॉक के साथ आती है। यदि आपने इसे स्क्रैच से खुद लिखा है, तो स्किल के रिपॉजिटरी से कॉन्फ़िगरेशन कॉपी करें।

डिप्लॉय शुक्रवार को काम करता है, इसलिए जब यह रविवार को टूटता है तो यह हमेशा हाल के बदलाव के कारण होता है। git bisect आपका दोस्त है। इससे भी बेहतर: हर 30 मिनट में पुश करते रहें ताकि टूटा हुआ कमिट छोटा हो।

अक्सर पूछे जाने वाले प्रश्न

क्या Vercel का फ्री टियर वास्तव में काम करेगा यदि मेरे गेम को ट्रैफिक मिलता है?

हाँ, एक वीकेंड लॉन्च और पहले कुछ हफ्तों के लिए। फ्री टियर आपको 100 GB बैंडविड्थ प्रति माह देता है, जो लगभग 20,000 प्ले के बराबर है 5 MB Three.js बिल्ड का। यदि आप उस सीलिंग तक पहुँच जाते हैं, तो प्रो प्लान $20/महीना है और आपको 1 TB तक ले जाता है। एक वीकेंड शिप के लिए, फ्री पर्याप्त से अधिक है। Vibe Skills पर स्किल्स बिल्ड कॉन्फ़िगरेशन के साथ शिप होती हैं जो बंडल साइज़ को कम करती हैं, जो फ्री टियर को और भी आगे बढ़ाता है।

क्या मैं फ्री Vercel टियर पर कस्टम डोमेन का उपयोग कर सकता हूँ?

हाँ। फ्री टियर ऑटोमैटिक HTTPS के साथ कस्टम डोमेन का समर्थन करता है। एक डोमेन खरीदें (Namecheap, Cloudflare Registrar, Porkbun), उसे Vercel पर पॉइंट करें, और Vercel SSL सर्टिफिकेट को हैंडल करता है। सेटअप में लगभग 10 मिनट लगते हैं। यदि आपके पास डोमेन नहीं है, तो name-game.vercel.app URL किसी भी प्लेटफॉर्म पर शेयर करने के लिए काफी छोटा है।

क्या यह स्टैक गेम जैम सबमिशन के लिए ठीक है?

हाँ, और यह गेम जैम सबमिशन के लिए सबसे अच्छे स्टैक में से एक है। अधिकांश जैम (Ludum Dare, GMTK, js13k, GitHub Game Off) किसी भी वेब-प्लेएबल URL को स्वीकार करते हैं। एक *.vercel.app लिंक जजों के लिए itch.io URL की तरह ही काम करता है। कई जैम विजेता दोनों पर शिप करते हैं - गेमर ऑडियंस के लिए itch.io, तेज़ कैनोनिकल URL के रूप में Vercel।

क्या मुझे शुरू करने से पहले Three.js जानना होगा?

आपको Cursor जो लिखता है उसे पढ़ने और वैल्यू को ट्यून करने के लिए पर्याप्त JavaScript की ज़रूरत है। आपको स्क्रैच से Three.js लिखने की ज़रूरत नहीं है। Vibe Skills पर स्किल्स इंजन सेटअप, कैमरा, कंट्रोलर, और बिल्ड कॉन्फ़िगरेशन जनरेट करती हैं। Cursor आपके विवरण से गेमप्ले कोड को हैंडल करता है।

यदि मेरा Vercel बिल्ड रविवार शाम 7 बजे फेल हो जाता है तो क्या होगा?

सबसे आम कारण TypeScript एरर या एक मिसिंग env var है। Vercel फेल हो रही लाइन को हाइलाइट करते हुए बिल्ड लॉग दिखाता है। डैशबोर्ड में एक क्लिक पिछले वर्किंग डिप्लॉय पर वापस रोलबैक करता है और उसे प्रोडक्शन में प्रमोट करता है। क्योंकि हर पुश एक प्रीव्यू डिप्लॉय है, आप कभी भी वर्किंग बिल्ड से एक कमिट से अधिक दूर नहीं होते हैं। इसीलिए शनिवार और रविवार को हर 30 मिनट में पुश करना मायने रखता है।

क्या मैं Vibe Skills 3D गेम स्किल से कोड बेच या संशोधित कर सकता हूँ?

हाँ। Vibe Skills पर स्किल्स एक कमर्शियल-फ्रेंडली लाइसेंस के साथ शिप होती हैं जो आपको अपने गेम में कोड को Vercel, itch.io, Steam, या कहीं और रिलीज़ करने की अनुमति देती है। निर्माता स्किल की IP रखते हैं, आप उस पर बने गेम की IP रखते हैं।

यदि मैं Cursor का उपयोग नहीं करना चाहता तो क्या होगा?

कोई भी AI एडिटर जो प्रोजेक्ट फाइलों को एडिट कर सकता है, वह काम करता है। Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - इनमें से कोई भी Vibe Skills स्किल से Three.js स्कैफोल्डिंग को इटरेट कर सकता है। स्किल खुद एडिटर-एग्नोस्टिक है।

इस वीकेंड शिप करें

अधिकांश सोलो डेव 3D गेम शिप क्यों नहीं करते, इसका कारण इंजन, जॉनर, या स्किल सीलिंग नहीं है। यह शुक्रवार की रात है जब वे "थोड़ा और रिसर्च" करते हैं और कभी शुरू नहीं करते। आपके पास अगले फ्री वीकेंड पर, चार-फेज़ की योजना का पालन करें: एक Vibe Skills 3D गेम स्किल इंस्टॉल करें, GitHub पर पुश करें, Vercel कनेक्ट करें, शुक्रवार 8pm तक डिप्लॉय करें, फिर शनिवार और रविवार को लाइव URL पर इटरेट करें।

Vercel पर दस वीकेंड-शिप किए गए गेम्स का आपका पोर्टफोलियो आपके काल्पनिक छह-महीने के ड्रीम इंजन प्रोजेक्ट से अधिक मूल्यवान है। शिप किया हुआ एक हमेशा जीतता है। फ्री Vercel URL इसका प्रमाण है।

Vibe Skills पर 3D गेम स्किल्स ब्राउज़ करें →

Three.js बॉयलरप्लेट मैराथन को स्किप करें। Vibe Skills पर एक 3D गेम स्किल इंस्टॉल करें, Vercel पर पुश करें, और रविवार रात तक एक लाइव URL हो।