വെർസലിൽ ഈ വാരാന്ത്യത്തിൽ ഒരു 3D ഗെയിം എങ്ങനെ വിന്യസിക്കാം (AI കഴിവുകളോടെ)

Vibe Skills

Claude, Cursor എന്നിവയ്ക്കും അതിലേറെയും വേണ്ടി തയ്യാറാക്കിയ നൂറുകണക്കിന് നൈപുണ്യങ്ങൾ ബ്രൗസ് ചെയ്യുക.

നൈപുണ്യങ്ങൾ പര്യവേക്ഷണം ചെയ്യുക

ഇപ്പോൾ സൗജന്യമായി ആരംഭിക്കുക

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

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

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

ഈ ഗൈഡ് ഇൻഡി ഡെവലപ്പർമാർക്കും, വൈബ് കോഡർമാർക്കും, ഹാക്കത്തോൺ പങ്കാളികൾക്കും, അര työ i 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 ഗെയിം "വൈബ് കോഡിംഗ്" ചെയ്യുന്നത് എങ്ങനെയിരിക്കും

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

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

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

• ഓരോ 5 സെക്കൻഡിലും പ്ലേയർ എന്തു ചെയ്യുന്നു? (പ്രധാന ലൂപ്പ്)
• ജയിക്കുന്ന സാഹചര്യവും തോൽക്കുന്ന സാഹചര്യവും എന്താണ്?
• ഒരു റൺ അല്ലെങ്കിൽ ഒരു ലെവൽ എത്ര സമയം നീണ്ടുനിൽക്കും?
• വിഷ്വൽ ഹുക്ക് എന്താണ്? (പാളറ്റ്, ലൈറ്റിംഗ്, സ്റ്റൈൽ റെഫറൻസ്)
• 30 സെക്കൻഡിനുള്ളിൽ ഇത് ഓർമ്മിക്കാവുന്ന ഒരേയൊരു ഫീച്ചർ എന്താണ്?

ഘട്ടം 5: ഡിസൈൻ ഡോക്യുമെന്റ് കമ്മീറ്റ് ചെയ്യുക. അത് റെപ്പോയിലേക്ക് പുഷ് ചെയ്യുക. Vercel വീണ്ടും ഡിപ്ലോയ് ചെയ്യും. അർത്ഥവത്തായ ഓരോ മാറ്റവും പുഷ് ചെയ്യുന്ന അച്ചടക്കം ലൈവ് URL സത്യസന്ധമായി നിലനിർത്തുന്നു.

ശനിയാഴ്ച 9am - 1pm: പ്രധാന മെക്കാനിക് നിർമ്മിക്കുക

ഘട്ടം 6: പ്ലേസ്ഹോൾഡർ മെക്കാനിക് നിങ്ങളുടെ ഒരേയൊരു ഫീച്ചർ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക. ഇത് പ്രധാനപ്പെട്ട ഒരേയൊരു ഫീച്ചർ ആണ്. അതിനായി Cursor ചാറ്റ് ഉപയോഗിക്കുക ("when the player picks up a crystal, freeze nearby enemies for 2 seconds and play a chime"). pnpm dev ഉപയോഗിച്ച് ലോക്കലായി പുരോഗമിക്കുക. ശരിയായി തോന്നിയാൽ, പുഷ് ചെയ്യുക.

ഘട്ടം 7: ജയിക്കുന്ന/തോൽക്കുന്ന സ്ഥിതി ബന്ധിപ്പിക്കുക. യഥാർത്ഥ അവസാനമുള്ള 60 സെക്കൻഡ് ബിൽഡ് ഒരു ഗെയിം പോലെ തോന്നും. അവസാനമില്ലാത്ത 60 മിനിറ്റ് ബിൽഡ് ഒരു ടെക് ഡെമോ പോലെ തോന്നും. ജയിക്കുന്ന സ്ക്രീൻ ആദ്യം ബന്ധിപ്പിക്കുക, മറ്റെല്ലാം അതിനുശേഷം.

ശനിയാഴ്ച 1pm - 8pm: ഒരു ലെവൽ ചേർക്കുക

ഘട്ടം 8: ഒരു പോളിഷ് ചെയ്ത ലെവൽ നിർമ്മിക്കുക. മൂന്ന് പാതിവെന്ത ലെവലുകൾ വേണ്ട. ജ്യാമിതീയ രൂപങ്ങൾക്ക് പ്ലേസ്ഹോൾഡർ ക്യൂബുകൾ ഉപയോഗിക്കുക. സ്കിലിന്റെ സ്റ്റോക്ക് ക്യാരക്റ്റർ ഉപയോഗിക്കുക. ഫീൽ ട്യൂൺ ചെയ്യുക - ജമ്പ് ഉയരം, ക്യാമറ ലാഗ്, പാർട്ടിക്കിൾ തീവ്രത.

ഘട്ടം 9: ഒരു ട്യൂട്ടോറിയൽ ഓവർലേ ചേർക്കുക. ആദ്യമായി ലോഞ്ച് ചെയ്യുമ്പോൾ ഒരു രണ്ടു വാചക "WASD to move, click to fire" പോപ്പ്അപ്പ് ആശയക്കുഴപ്പത്തിലായ കളിക്കാരെ 8 സെക്കൻഡിനുള്ളിൽ ഉപേക്ഷിക്കുന്നത് തടയുന്നു. Cursor 30 സെക്കൻഡിനുള്ളിൽ React (അല്ലെങ്കിൽ വാനില DOM) ഓവർലേ ഉണ്ടാക്കാൻ കഴിയും.

ഘട്ടം 10: ഓരോ മണിക്കൂറും പുഷ് ചെയ്യുക. ഓരോ പുഷും ഒരു Vercel പ്രിവ്യൂ URL നേടുന്നു. ഓരോന്നും സുഹൃത്തിന് അയക്കുക. ഈ സ്റ്റാക്കിന്റെ രഹസ്യ ആയുധം ഫീഡ്‌ബാക്ക് ലൂപ്പ് ആണ്.

ഞായറാഴ്ച 10am - 4pm: മെച്ചപ്പെടുത്തൽ

ഘട്ടം 11: മൂന്ന് ശബ്ദങ്ങൾ ചേർക്കുക. ഫുട്‌സ്റ്റെപ്പ് ലൂപ്പ്, ആംബിയന്റ് പാഡ്, വിൻ സ്റ്റിംഗ്. മൂന്ന് ശബ്ദങ്ങൾ പോലും ഒരു വാരാന്ത്യ പ്രോട്ടോടൈപ്പിന് ഗണ്യമായ ഉയർച്ച നൽകുന്നു. സൗജന്യ ഉറവിടങ്ങൾ: freesound.org, opengameart.org.

ഘട്ടം 12: ജ്യൂസ് ചേർക്കുക. ഹിറ്റിൽ പാർട്ടിക്കിൾസ്, ഇംപാക്റ്റിൽ സ്ക്രീൻ ഷേക്ക്, സ്കോറിൽ നമ്പർ പോപ്പ്അപ്പുകൾ. ഒരു GIF-ൽ 48 മണിക്കൂർ ബിൽഡ് 6 മാസം ബിൽഡ് പോലെ തോന്നിപ്പിക്കുന്നത് ജ്യൂസ് ആണ്. Cursor-നോട് "when the player takes damage" എന്നതിന് "screen shake of intensity 0.3 for 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 റെക്കോർഡ് ചെയ്യുക. ലോക്കൽഹോസ്റ്റ് അല്ല, ലൈവ് 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 മിനിറ്റ് കൊണ്ട് ശരിയാക്കാൻ കഴിയുന്നവയാണ്, ഞായറാഴ്ച 7pm-ന് കണ്ടെത്തുകയാണെങ്കിൽ 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 ബാൻഡ്‌വിഡ്ത്ത് നൽകുന്നു, ഇത് ഏകദേശം 5 MB Three.js ബിൽഡിന്റെ 20,000 പ്ലേകൾക്ക് തുല്യമാണ്. നിങ്ങൾ ആ പരിധിയിലെത്തിയാൽ, 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 നിങ്ങളുടെ വിവരണങ്ങളിൽ നിന്ന് ഗെയിംപ്ലേ കോഡ് കൈകാര്യം ചെയ്യുന്നു.

ഞായറാഴ്ച 7pm-ന് എന്റെ Vercel ബിൽഡ് പരാജയപ്പെട്ടാൽ എന്തു സംഭവിക്കും?

ഏറ്റവും സാധാരണ കാരണം ഒരു TypeScript പിശകോ അല്ലെങ്കിൽ ഒരു എൻവയോൺമെന്റ് വേരിയബിൾ നഷ്ടപ്പെടുന്നതോ ആണ്. 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 നേടുക.