Vercel ൽ ഈ വാരാന്ത്യത്തിൽ ഒരു 3D ഗെയിം എങ്ങനെ പുറത്തിറക്കാം (AI സഹായത്തോടെ)

Vibe Skills

Claude, Cursor మరియు మరిన్నింటి కోసం వందలాది రెడీమేడ్ నైపుణ్యాలను బ్రౌజ్ చేయండి.

నైపుణ్యాలను అన్వేషించండి

ఇప్పుడే ఉచితంగా ప్రారంభించండి

Vercel-ൽ ഞായറാഴ്ച രാത്രിയോടെ ഒരു 3D ഗെയിം പുറത്തിറക്കൂ: 48 മണിക്കൂർ ഡിപ്ലോയ് പ്ലേബുക്ക്

വെള്ളിയാഴ്ച വൈകുന്നേരം ഒരു വെർച്വൽ ഗെയിം സ്റ്റുഡിയോ തുറന്ന് നിങ്ങളുടെ ഗെയിം your-game.vercel.app എന്ന ലിങ്കിലൂടെ ഞായറാഴ്ച അത്താഴത്തിന് ലഭ്യമാക്കാം. ഇതിന് Three.js, Cursor, Vibe Skills നൽകുന്ന ഒരു AI സ്കിൽ, Vercel സൗജന്യ സേവനം എന്നിവ ഉപയോഗിക്കാം. വാരാന്ത്യത്തിൽ ആകെ ചിലവ്: $0. അറ്റകുറ്റപ്പണി ചെയ്യേണ്ട ഇൻഫ്രാസ്ട്രക്ചർ: അതും പൂജ്യം.

ഇത് ലാപ്ടോപ്പിൽ ഒരു പ്രോട്ടോടൈപ്പ് ഉണ്ടാക്കി അവസാനിപ്പിക്കുന്നതല്ല. ലോകത്തിലെ ആർക്കും ബ്രൗസറിൽ തുറക്കാൻ കഴിയുന്ന, HTTPS, എഡ്ജ് കാഷിംഗ്, ഇഷ്ടമുള്ള ഡൊമൈൻ എന്നിവയുള്ള ഒരു പബ്ലിക് URL ആണിത്. AI സ്കിൽ Three.js അടിസ്ഥാന ഘടനയും പ്രവർത്തനക്ഷമമായ vercel.json ഫയലും നൽകുന്നു. Cursor പുനരാവർത്തന പ്രവർത്തനങ്ങൾക്ക് സഹായിക്കുന്നു. Vercel ഡിപ്ലോയ്മെന്റ് കൈകാര്യം ചെയ്യുന്നു. നിങ്ങൾ രൂപകൽപ്പന മാത്രം ചെയ്താൽ മതി.

ഇൻഡി ഡെവലപ്പർമാർക്കും, മറ്റെന്തെങ്കിലും ചെയ്യാൻ താല്പര്യമുള്ള കോഡർമാർക്കും, ഹാക്കത്തോൺ പങ്കാളികൾക്കും, പിന്നെ localhost:5173 എന്ന ടാബുകളിൽ പാതിവഴിയിൽ നിന്നുപോയ സംരംഭങ്ങളിൽ മനംമടുത്തവർക്കും വേണ്ടിയുള്ളതാണ് ഈ ഗൈഡ്. ഈ സ്റ്റാക്ക് എന്തുകൊണ്ട് പ്രവർത്തിക്കുന്നു, 48 മണിക്കൂർ ഡിപ്ലോയ്മെന്റിന്റെ ഘടന, ഈ പ്രവർത്തനരീതിക്കായി നിർമ്മിച്ച അഞ്ച് 3D ഗെയിം സ്കില്ലുകൾ, വെള്ളിയാഴ്ച മുതൽ ഞായറാഴ്ച വരെയുള്ള ഘട്ടം ഘട്ടമായുള്ള നിർദ്ദേശങ്ങൾ എന്നിവ ഞങ്ങൾ ഉൾക്കൊള്ളുന്നു.

Vibe Skills

Claude, Cursor మరియు మరిన్నింటి కోసం వందలాది రెడీమేడ్ నైపుణ్యాలను బ్రౌజ్ చేయండి.

నైపుణ్యాలను అన్వేషించండి

ఇప్పుడే ఉచితంగా ప్రారంభించండి

എന്തുകൊണ്ട് Vercel + Three.js + AI സ്കിൽസ് ആണ് മികച്ച സോളോ ഡെവലപ്പർ സ്റ്റാക്ക്

Three.js ഗെയിമിനുള്ള ഏറ്റവും എളുപ്പത്തിലുള്ള ഡിപ്ലോയ്മെന്റ് ലക്ഷ്യസ്ഥാനമാണ് Vercel. 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 Coding എന്നാൽ നിങ്ങൾ ആഗ്രഹിക്കുന്നത് സാധാരണ ഇംഗ്ലീഷിൽ വിവരിക്കുകയും AI എഡിറ്റർ കോഡ് എഴുതാൻ അനുവദിക്കുകയും തുടർന്ന് അതിൽ മാറ്റങ്ങൾ വരുത്തുകയുമാണ്. Vercel-ലെ Three.js ഗെയിമിന്, ഈ പ്രവർത്തനം വളരെ ലളിതമാണ്: Cursor-ലെ ഓരോ മാറ്റവും ലോക്കൽ ഫീഡ്‌ബാക്കിനായി pnpm dev എന്നതിലും, ലൈവ് പ്രിവ്യൂ URL-ലേക്ക് git push ചെയ്യുന്നതിലും, തുടർന്ന് main-ലേക്ക് ഓട്ടോമാറ്റിക് ഡിപ്ലോയ്മെന്റ് ചെയ്യുന്നതിലും അവസാനിക്കുന്നു.

Vercel ഗെയിമിന്റെ ഒരു vibe-coded വാരാന്ത്യം ഇങ്ങനെയായിരിക്കും:

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 വാക്കർ

മെച്ചപ്പെടുത്തിയ ഫസ്റ്റ്-പേഴ്സൺ കൺട്രോളർ (WASD + മൗസ് പോയിന്റർ ലോക്ക് + ഗ്രാവിറ്റി + സ്പ്രിന്റ് + ജമ്പ്) ഫുട്‌സ്റ്റെപ്പ് ഹുക്കുകൾ, ഹെഡ്-ബോബ്, പോയിന്റർ-ലോക്ക് CSP ഹെഡ്ഡറുകൾ ശരിയായി കൈകാര്യം ചെയ്യുന്ന vercel.json എന്നിവയോടെ. ഇത് പല സോളോ ഡെവലപ്പർമാരെയും ഉത്പാദനത്തിൽ ബുദ്ധിമുട്ടിലാക്കുന്നു. ഈ സ്കിൽ നിങ്ങൾക്ക് അത് പരിഹരിക്കുന്നു.

വാക്കിംഗ് സിംസ്, ഹൊറർ പ്രോട്ടോടൈപ്പുകൾ, കഥപറച്ചിൽ ഗെയിമുകൾ, മ്യൂസിയം പ്രദർശനങ്ങൾ എന്നിവയ്ക്ക് ഏറ്റവും മികച്ചത്.

3. ബ്രൗസർ അരീന ഷൂട്ടർ കിറ്റ്

ഒരു ടോപ്പ്-ഡൗൺ അരീന (ട്വിൻ-സ്റ്റിക്ക് കൺട്രോളർ, വേവ് സ്പോണർ, അടിസ്ഥാന ശത്രു AI, പ്രൊജക്റ്റൈൽ സിസ്റ്റം, സ്കോർ HUD) Vercel-ൽ തയ്യാറാക്കിയ ബിൽഡ് ഉപയോഗിച്ച് അസറ്റുകൾ gzips ചെയ്യുക, AI കോഡ് സ്പ്ലിറ്റ് ചെയ്യുക, സംഗീതം ലേസി-ലോഡ് ചെയ്യുക. മൾട്ടിപ്ലേയർ ഹുക്കുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്; വാരാന്ത്യത്തിൽ സിംഗിൾ-പ്ലേയർ മാത്രമേ ലഭിക്കൂ.

ആർക്കേഡ് ഷൂട്ടറുകൾ, ബുള്ളറ്റ് ഹെൽ, മൊബൈലിൽ വേഗത്തിൽ ലോഡ് ചെയ്യേണ്ട ജാം എൻട്രികൾക്ക് ഏറ്റവും നല്ലത്.

4. Vercel പസിൽ പ്ലാറ്റ്ഫോർമർ

ഒരു തേർഡ്-പേഴ്സൺ പ്ലാറ്റ്ഫോർമർ (വേരിയബിൾ ജമ്പ്, കോയോട്ടി ടൈം, ലെഡ്ജ് ഡിറ്റക്ഷൻ), ചെക്ക്പോയിന്റുകൾ, Blender-ലോ കോഡിലോ എഡിറ്റ് ചെയ്യാൻ കഴിയുന്ന മൂന്ന് സ്റ്റബ് ലെവലുകൾ, റീസ്‌പോൺ ലൂപ്പ്. vercel.json ലെവൽ റീലോഡുകൾക്കായി തൽക്ഷണ എഡ്ജ്-കാഷ് ചെയ്യാൻ കോൺഫിഗർ ചെയ്തിരിക്കുന്നു, അതിനാൽ ഫോണിൽ പ്ലേ-ടെസ്റ്റിംഗ് വേഗത്തിലാകും.

പസിൽ പ്ലാറ്റ്ഫോമറുകൾ, പാർക്കൂർ പ്രോട്ടോടൈപ്പുകൾ, ലെവൽ-ഡിസൈൻ പരീക്ഷണങ്ങൾക്ക് ഏറ്റവും നല്ലത്.

5. Vercel ഡ്രൈവിംഗ് സാൻഡ്‌ബോക്സ്

ആർക്കേഡ് ഡ്രൈവിംഗ് അനുഭവം (ആക്സിലറേഷൻ കർവ്, ഡ്രിഫ്റ്റ് ഫിസിക്സ്, ക്യാമറ ലാഗ്, അടിസ്ഥാന ഭൂപ്രകൃതി) ലോ-പോളി കാർ, ട്രാക്ക് ടെംപ്ലേറ്റ്, വലിയ ഭൂപ്രകൃതി മെഷുകൾക്കായി ട്യൂൺ ചെയ്ത ഡിപ്ലോയ് എന്നിവയോടെ. പ്രീസെറ്റ് HTTP ഹെഡ്ഡറുകൾ Safari-ൽ 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 സ്വയമേവ കണ്ടെത്തുകയും ബിൽഡ് കോൺഫിഗർ ചെയ്യുകയും ചെയ്യുന്നു. Deploy ക്ലിക്ക് ചെയ്യുക. 60 സെക്കൻഡിനുള്ളിൽ നിങ്ങൾക്ക് crystal-runner.vercel.app എന്ന URL ലഭിക്കും. നിങ്ങളുടെ ഫോണിൽ അത് തുറക്കുക. ഒരാൾക്ക് പങ്കുവെക്കുക. വാരാന്ത്യത്തിലെ ഡിപ്ലോയ്മെന്റ് ബാർ ഇപ്പോൾ പൂജ്യമാണ്.

വെള്ളിയാഴ്ച 8pm - 10pm: ഡിസൈൻ ഡോക്യുമെന്റ് എഴുതുക

ഘട്ടം 4: അഞ്ച് ചോദ്യങ്ങൾക്ക് ലളിതമായ ഇംഗ്ലീഷിൽ ഉത്തരം നൽകുക. റെപ്പോയിലെ ഒരു Notion പേജ് അല്ലെങ്കിൽ ഒരു മാർക്ക്ഡൗൺ ഫയൽ തുറന്ന് ഉത്തരം നൽകുക:

• കളിക്കാരൻ ഓരോ 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, brotli എന്നിവ ബാക്കിയുള്ളവ കൈകാര്യം ചെയ്യും.

ഘട്ടം 14: ബഗ് പാസ്. നിങ്ങളുടെ ലൈവ് URL തുടർച്ചയായി അഞ്ച് തവണ കളിക്കുക. രണ്ട് തവണ കേടായ എന്തും ശരിയാക്കുക. ഒരിക്കൽ കേടായതൊന്നും അവഗണിക്കരുത്.

ഞായറാഴ്ച 4pm - 8pm: ലോഞ്ച്

ഘട്ടം 15: (ഓപ്ഷണൽ) കസ്റ്റം ഡൊമെയ്ൻ സജ്ജീകരിക്കുക. നിങ്ങൾ മുൻകൂട്ടി name-game.com വാങ്ങിയിട്ടുണ്ടെങ്കിൽ, Vercel-ന്റെ പ്രോജക്ട് സെറ്റിംഗ്സിൽ അത് ചേർക്കുക. SSL ഓട്ടോമാറ്റിക് ആണ്. അല്ലെങ്കിൽ *.vercel.app URL മതിയാകും - അതിന് HTTPS ഉണ്ട്, പങ്കിടാൻ കഴിയും, എല്ലാ ഇടത്തും ലോഡ് ചെയ്യും.

ഘട്ടം 16: മികച്ച നിമിഷത്തിന്റെ 15 സെക്കൻഡ് GIF റെക്കോർഡ് ചെയ്യുക. ലോക്കൽഹോസ്റ്റ് അല്ല, ലൈവ് URL ഉപയോഗിക്കുക. Twitter, Bluesky, Reddit എന്നിവയിൽ ക്ലിക്ക് ചെയ്യുന്ന ഒന്നാണ് GIF.

ഘട്ടം 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 മിനിറ്റ് പരിഹാരമാണ്, ഞായറാഴ്ച വൈകുന്നേരം 7 മണിക്ക് കണ്ടെത്തുകയാണെങ്കിൽ 5 മണിക്കൂർ സമയം നഷ്ടപ്പെടുത്തും.

• തെറ്റായ ബിൽഡ് ഔട്ട്പുട്ട് ഡയറക്ടറി. 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 ബിൽഡിന്). നിങ്ങൾ ആ പരിധിയിലെത്തിയാൽ, Pro പ്ലാൻ $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 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 ബന്ധിപ്പിക്കുക, വെള്ളിയാഴ്ച 8 മണിയോടെ ഡിപ്ലോയ് ചെയ്യുക, എന്നിട്ട് ശനിയാഴ്ചയും ഞായറാഴ്ചയും ലൈവ് URL-ൽ പുനരാവർത്തനം ചെയ്യുക.

Vercel-ൽ വാരാന്ത്യത്തിൽ ഷിപ്പ് ചെയ്ത പത്ത് ഗെയിമുകളുടെ നിങ്ങളുടെ പോർട്ട്‌ഫോളിയോ, നിങ്ങളുടെ ఊഹാത്മകമായ ആറ് മാസത്തെ സ്വപ്ന എഞ്ചിൻ പ്രോജക്റ്റിനേക്കാൾ മൂല്യവത്താണ്. ഷിപ്പ് ചെയ്തത് എപ്പോഴും വിജയിക്കും. സൗജന്യ Vercel URL ആണ് ഇതിന്റെ തെളിവ്.

Vibe Skills-ൽ 3D ഗെയിം സ്കില്ലുകൾ ബ്രൗസ് ചെയ്യുക →

Three.js ബേസ്ബോയിലർ മാരത്തോൺ ഒഴിവാക്കുക. Vibe Skills-ൽ ഒരു 3D ഗെയിം സ്കിൽ ഇൻസ്റ്റാൾ ചെയ്യുക, Vercel-ലേക്ക് പുഷ് ചെയ്യുക, ഞായറാഴ്ച രാത്രിയോടെ ഒരു ലൈവ് URL നേടുക.