Comment expédier un jeu 3D sur Vercel ce week-end (avec des compétences IA)

Vibe Skills

Navige nan dè santèn de konpetans ki pare pou Claude, Cursor, ak plis ankò.

Eksplore Konpetans

Kòmanse Gratis Kounye a

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

Navige nan dè santèn de konpetans ki pare pou Claude, Cursor, ak plis ankò.

Eksplore Konpetans

Kòmanse Gratis Kounye a

എന്തുകൊണ്ട് 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

Navige nan dè santèn de konpetans ki pare pou Claude, Cursor, ak plis ankò.

Eksplore Konpetans

Kòmanse Gratis Kounye a

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 ഡെപ്ലോയ് ചെയ്യുന്നു. ഫീലും ഡിസൈനും നിങ്ങൾ ചെയ്യുന്നു.

Vibe Skills-ൽ ഇത് സാധ്യമാക്കുന്ന 5 AI 3D ഗെയിം സ്കില്ലുകൾ

ഈ സ്കില്ലുകൾ Vercel + Three.js + Cursor വാരാന്ത്യ വർക്ക്ഫ്ലോയ്ക്കായി നിർമ്മിച്ചവയാണ്. ഓരോന്നും ഒരു Vite-അടിസ്ഥാനമാക്കിയ Three.js പ്രോജക്റ്റ്, പ്രവർത്തിക്കുന്ന vercel.json, Vercel-ന് എഡ്ജിൽ നിന്ന് നൽകാൻ കഴിയുന്ന ഒരു സ്റ്റാറ്റിക് ബണ്ടിൽ നിർമ്മിക്കുന്ന pnpm build, പരിശോധിച്ച ഡെപ്ലോയ് പാത എന്നിവയോടെയാണ് വരുന്നത്. എല്ലാം Vibe Skills-ലെ 3D ഗെയിംസ് വിഭാഗത്തിൽ ലഭ്യമാണ്.

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-ൽ ട്യൂൺ ചെയ്ത ബിൽഡ് ഉപയോഗിച്ച് വരുന്നു. ഇത് അസറ്റുകൾ Gzi pചെയ്യും, 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 ഓട്ടോ-ഡിറ്റെക്റ്റ് ചെയ്ത് ബിൽഡ് കോൺഫിഗർ ചെയ്യും. ഡെപ്ലോയ് ക്ലിക്ക് ചെയ്യുക. 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-നോട് "കളിക്കാരന് പരിക്കേൽക്കുമ്പോൾ 0.3 തീവ്രതയോടെ 150ms സ്ക്രീൻ ഷേക്ക് ചെയ്യുക" എന്ന് ചോദിക്കുക - അത് അഞ്ച് സെക്കൻഡിനുള്ളിൽ ക്യാമറ-ഷേക്ക് ഹുക്ക് എഴുതും.

ഘട്ടം 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 ഉപയോഗിക്കുക. GIF ആണ് Twitter, Bluesky, Reddit എന്നിവയിൽ ക്ലിക്ക് ചെയ്യുന്നത്.

ഘട്ടം 17: ഒരു itch.io പേജ് ഉണ്ടാക്കുക (ഓപ്ഷണൽ പക്ഷേ ഉയർന്ന സ്വാധീനം). തലക്കെട്ട്, ഒരു വാചകം, മൂന്ന് സ്ക്രീൻഷോട്ടുകൾ, GIF, നിയന്ത്രണങ്ങൾ, ക്രെഡിറ്റുകൾ, കൂടാതെ നിങ്ങളുടെ *.vercel.app iframe-ൻ്റെ ഒരു എംബെഡ് (itch.io HTML5 ഗെയിമുകൾക്ക് iframe എംബെഡുകൾ പിന്തുണയ്ക്കുന്നു). ഇപ്പോൾ നിങ്ങൾക്ക് രണ്ട് URL-കൾ ഉണ്ട് - സാധാരണ പങ്കുവെക്കലിന് ഒന്ന്, ഗെയിമർ പ്രേക്ഷകർക്ക് മറ്റൊന്ന്.

ഘട്ടം 18: ലിങ്ക് പോസ്റ്റ് ചെയ്യുക. Twitter, Bluesky, നിങ്ങളുടെ ഡെവ komuണിറ്റി 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 പിശക് അല്ലെങ്കിൽ ഒരു വിട്ടുപോയ 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 3D ഗെയിം സ്കില്ലിൽ നിന്ന് Three.js സ്കഫോൾഡിംഗ് മാറ്റങ്ങൾ വരുത്താൻ കഴിയും. സ്കിൽ തന്നെ എഡിറ്റർ-അജ്ഞേയമാണ്.

ഈ വാരാന്ത്യം ഷിപ്പ് ചെയ്യുക

മിക്ക സോളോ ഡെവലപ്പർമാരും ഒരു 3D ഗെയിം ഷിപ്പ് ചെയ്യാത്തതിൻ്റെ കാരണം എഞ്ചിൻ, വിഭാഗം, അല്ലെങ്കിൽ സ്കിൽ സീലിംഗ് എന്നിവയല്ല. ഇത് വെള്ളിയാഴ്ച രാത്രിയാണ്, അവർ "ഇനിയും കുറച്ചുകൂടി ഗവേഷണം ചെയ്യാം" എന്ന് പറഞ്ഞ് ഒരിക്കലും തുടങ്ങാതിരിക്കുന്നത്. നിങ്ങൾക്ക് ലഭിക്കുന്ന അടുത്ത ഒഴിവു ദിവസത്തെ വാരാന്ത്യത്തിൽ, നാല് ഘട്ട പദ്ധതി പിന്തുടരുക: ഒരു Vibe Skills 3D ഗെയിം സ്കിൽ ഇൻസ്റ്റാൾ ചെയ്യുക, GitHub-ലേക്ക് പുഷ് ചെയ്യുക, Vercel കണക്ട് ചെയ്യുക, വെള്ളിയാഴ്ച 8pm-ന് ഡെപ്ലോയ് ചെയ്യുക, എന്നിട്ട് ശനിയാഴ്ചയും ഞായറാഴ്ചയും ഒരു ലൈവ് URL-ൽ മാറ്റങ്ങൾ വരുത്തുക.

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

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

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