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 गेमचे "Vibe Coding" कसे दिसते

Vibe कोडिंग म्हणजे साध्या इंग्रजीमध्ये तुम्हाला काय हवे आहे ते वर्णन करणे आणि 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 डिप्लॉय करते. तुम्ही फील आणि डिझाइन करता.

Vibe Skills वर हे शक्य करणारे 5 AI 3D गेम कौशल्ये

ही कौशल्ये Vercel + Three.js + Cursor वीकेंड वर्कफ्लोसाठी तयार केली आहेत. प्रत्येक एक Vite-आधारित Three.js प्रोजेक्ट, कार्यरत vercel.json, एजवरून सर्व्ह करण्यासाठी Vercel ला सक्षम असलेला स्टॅटिक बंडल तयार करणारा pnpm build, आणि तपासलेला डिप्लॉय मार्गसह येते. सर्व 3D गेम्स श्रेणी मध्ये Vibe Skills वर आहेत.

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

डीफॉल्ट निवड. प्लेयर कंट्रोलर, थर्ड-पर्सन कॅमेरा, लाइटिंग रिग, स्कायबॉक्स आणि कोलिजनसह ग्राउंड प्लेनसह Three.js सीन तयार करते. Three.js ॲसेट बंडलसाठी योग्य कॅशिंग हेडर सेट करणारे vercel.json सह येते. pnpm dev स्थानिक पातळीवर चालते; Vercel डॅशबोर्डमधील एक क्लिक GitHub रिपो कनेक्ट करते आणि तुम्हाला लाइव्ह URL मिळते.

यासाठी सर्वोत्तम: केवळ 2D वगळता कोणत्याही शैलीसाठी. तुम्ही काय तयार करत आहात हे अद्याप माहित नसल्यास याचा वापर करा.

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

फुटस्टेप हुक्स, हेड-बॉब आणि पॉइंटर-लॉक CSP हेडर्स योग्यरित्या हाताळणारे vercel.json सह एक पॉलिश केलेला फर्स्ट-पर्सन कंट्रोलर (WASD + माउस पॉइंटर लॉक + गुरुत्वाकर्षण + स्प्रिंट + जंप). हे अनेक सोलो डेव्हलपर्सना उत्पादनात अडचणीत आणते. कौशल्य ते तुमच्यासाठी सोडवते.

यासाठी सर्वोत्तम: वॉकिंग सिम्स, हॉरर प्रोटोटाइप, कथात्मक खेळ, संग्रहालय प्रदर्शन.

3. ब्राउझर ॲरिना शूटर किट

टॉप-डाउन ॲरिना (ट्विन-स्टिक कंट्रोलर, वेव्ह स्पॉर्नर, बेसिक एनिमी AI, प्रोजेक्टाइल सिस्टम, स्कोअर HUD) Vercel-ट्यून केलेल्या बिल्डसह जे ॲसेट्स gzipt करते, AI कोड-स्प्लिट करते आणि संगीत लेजी-लोड करते. मल्टीप्लेअर हुक्स समाविष्ट आहेत; वीकेंड सिंगल-प्लेअर शिप करते.

यासाठी सर्वोत्तम: आर्केड शूटर, बुलेट हेल, जॅम एंट्री ज्यांना मोबाइलवर वेगाने लोड होणे आवश्यक आहे.

4. Vercel पझल प्लॅटफॉर्मर

थर्ड-पर्सन प्लॅटफॉर्मर (व्हेरीएबल जंप, कोयोटी टाइम, लेज डिटेक्शन), चेकपॉइंट्स, ब्लेंडर किंवा कोडमध्ये संपादित करता येण्याजोगे तीन स्टब लेव्हल्स, आणि रीस्पॉन लूप. vercel.json त्वरित एज-कॅश्ड लेव्हल रीलोडसाठी कॉन्फिगर केलेले आहे, त्यामुळे फोनवर प्लेटेस्टिंग जलद होते.

यासाठी सर्वोत्तम: पझल प्लॅटफॉर्मर, पार्कर प्रोटोटाइप, लेव्हल-डिझाइन प्रयोग.

5. Vercel ड्रायव्हिंग सँडबॉक्स

आर्केड ड्रायव्हिंग फील (ॲक्सेलरेशन वक्र, ड्रिफ्ट फिजिक्स, कॅमेरा लॅग, बेसिक टेरेन) लो-पॉली कार, ट्रॅक टेम्पलेट, आणि मोठ्या टेरेन मेशसाठी ट्यून केलेल्या डिप्लॉयसह. प्रीसेट HTTP हेडर्स सफारीवर WebGL कॉन्टेक्स्ट जलद सुरू करतात, जे ऐतिहासिकदृष्ट्या Three.js साठी सर्वात मंद ब्राउझर आहे.

यासाठी सर्वोत्तम: आर्केड रेसिंग, ऑफ-रोड ड्रायव्हिंग, पोर्टफोलिओसाठी कार-फील डेमो.

Vibe Skills वर सर्व 3D गेम कौशल्ये ब्राउझ करा →

शुक्रवार ते रविवार चरण-दर-चरण

ही नेमकी वेळापत्रक आहे. प्रारंभ वेळ समायोजित करा, परंतु क्रम कायम ठेवा. मुख्य टप्पा शुक्रवार-रात्री Vercel डिप्लॉय आहे. त्यानंतर सर्व काही पुनरावृत्ती आहे.

शुक्रवार 6pm - 8pm: कौशल्य निवडा, GitHub वर पुश करा, Vercel कनेक्ट करा

पायरी 1: Vibe Skills वर 3D गेम कौशल्य निवडा. 3D गेम्स श्रेणी ब्राउझ करा, तुमच्या शैलीशी जुळणारे निवडा आणि स्टार्टर एका नवीन फोल्डरमध्ये स्थापित करा. Cursor मध्ये ते उघडा. 7 वाजेपर्यंत तुम्हाला हलत्या प्लेयरसह 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 ओळखते आणि बिल्ड कॉन्फिगर करते. डिप्लॉयवर क्लिक करा. 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 ला विचारा "जेव्हा खेळाडूला नुकसान होते तेव्हा 0.3 तीव्रतेने 150ms साठी स्क्रीन शेक जोडा" - ते पाच सेकंदात कॅमेरा-शेक हुक लिहील.

पायरी 13: लाइटहाऊस पास चालवा. फोनवर Vercel URL उघडा आणि Chrome DevTools लाइटहाऊस चालवा. Three.js बंडल सामान्यतः 400 KB ते 1.5 MB पर्यंत असतात. जर तुम्ही 3 MB पेक्षा जास्त असाल, तर Cursor ला हेवी मॉड्यूल्सवर कोड स्प्लिटिंग सक्षम करण्यास सांगा. Vercel चे gzip आणि brotli बाकीचे हाताळतील.

पायरी 14: बग पास. तुमचा लाइव्ह URL सलग पाच वेळा खेळा. जे दोनदा बिघडते ते दुरुस्त करा. जे एकदा बिघडते ते दुर्लक्षित करा.

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

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

पायरी 16: सर्वोत्तम क्षणाचे 15-सेकंदांचे GIF रेकॉर्ड करा. localhost ऐवजी लाइव्ह 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 बँडविड्थ देते, जे 5 MB Three.js बिल्डच्या अंदाजे 20,000 प्ले इतके आहे. जर तुम्ही त्या मर्यादेपर्यंत पोहोचलात, तर प्रो प्लॅन $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 तुमच्या वर्णनांमधून गेमप्ले कोड हाताळते.

जर रविवार संध्याकाळी 7 वाजता माझा Vercel बिल्ड अयशस्वी झाला तर काय होईल?

सर्वात सामान्य कारण TypeScript त्रुटी किंवा गहाळ env व्हेरिएबल आहे. 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 मिळवा.