Vibe Skills

Sed çîrokên amade ji bo Claude, Cursor, û bêtir bigerin.

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

Sed çîrokên amade ji bo Claude, Cursor, û bêtir bigerin.

Çîrokan Lêkolîn Bike

Naha Dest Pê Bike

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

Sed çîrokên amade ji bo Claude, Cursor, û bêtir bigerin.

Çîrokan Lêkolîn Bike

Naha Dest Pê Bike

48 മണിക്കൂർ ഘടന: വെള്ളിയാഴ്ച ആശയം മുതൽ ഞായറാഴ്ച ഡെപ്ലോയ് വരെ

ഓരോ വാരാന്ത്യത്തിലും യഥാർത്ഥത്തിൽ ലൈവ് ആകുന്ന ഷിപ്പുകൾ ഒരേ പാറ്റേൺ പിന്തുടരുന്നു. വെള്ളിയാഴ്ച ഡെപ്ലോയ് പ്ലാൻ ചെയ്യുക എന്നതാണ് പ്രധാനം, ഞായറാഴ്ച ഉച്ചകഴിഞ്ഞല്ല, അതിനാൽ അവസാനത്തെ ആറ് മണിക്കൂർ ബിൽഡ് പിശകുകളുമായി പോരാടുന്നതിന് പകരം പോളിഷ് ചെയ്യാൻ ഉപയോഗിക്കാം.

ഘട്ടം	സമയപരിധി	നിങ്ങൾ ചെയ്യുന്നത്	ഘട്ടത്തിൻ്റെ അവസാനം വരെ ഷിപ്പ് ചെയ്യുന്നത്
ഘട്ടം 1: ആശയം	വെള്ളിയാഴ്ച 6pm - 10pm	വിഭാഗം തിരഞ്ഞെടുക്കുക, 1 പേജ് ഡിസൈൻ ഡോക്മെന്റ് എഴുതുക, Vibe Skills 3D ഗെയിം സ്കിൽ ഇൻസ്റ്റാൾ ചെയ്യുക, സ്റ്റാർട്ടർ GitHub-ൽ പുഷ് ചെയ്യുക, Vercel-മായി ബന്ധിപ്പിക്കുക	ബോയിലർപ്ലേറ്റ് സീൻ ഉള്ള ലൈവ് `name-game.vercel.app` URL
ഘട്ടം 2: നിർമ്മാണം	ശനിയാഴ്ച 9am - 8pm	പ്ലേസ്ഹോൾഡർ നിങ്ങളുടെ പ്രധാന മെക്കാനിക്ക് കൊണ്ട് മാറ്റുക, 1 ലെവൽ ചേർക്കുക, വിജയം/പരാജയം പ്രവർത്തിപ്പിക്കുക	അതേ Vercel URL-ൽ പ്ലേ ചെയ്യാൻ കഴിയുന്ന ബിൽഡ്, ഓരോ പുഷിലും ഓട്ടോ-ഡെപ്ലോയ്ഡ്
ഘട്ടം 3: പോളിഷ്	ഞായറാഴ്ച 10am - 4pm	ശബ്ദം, ജ്യൂസ്, ട്യൂട്ടോറിയൽ പോപ്പ്അപ്പ്, ബഗ് പാസ്, മൊബൈലിൽ പെർഫോമൻസ് ചെക്ക്	ആദ്യത്തെ 60 സെക്കൻഡിനുള്ളിൽ ഏത് ഉപകരണത്തിലും കേടാകാത്ത ഒരു ബിൽഡ്
ഘട്ടം 4: ലോഞ്ച്	ഞായറാഴ്ച 4pm - 8pm	കസ്റ്റം ഡൊമെയ്‌ൻ സജ്ജമാക്കുക (ഓപ്ഷണൽ), GIF റെക്കോർഡ് ചെയ്യുക, itch.io പേജ് എഴുതുക, ലിങ്ക് പോസ്റ്റ് ചെയ്യുക	പബ്ലിക് URL + itch.io പേജ് + സോഷ്യൽസിലെ ലോഞ്ച് പോസ്റ്റ്

ഇത് പ്രവർത്തിക്കുന്നതിനുള്ള കാരണം വെള്ളിയാഴ്ച Vercel-ൽ പുഷ് ചെയ്യുന്നതാണ്. URL നിലവിലുള്ളതിനാൽ, ഓരോ ശനിയാഴ്ചയും ഞായറാഴ്ചയും ഉള്ള കമ്മിറ്റുകൾ ഓട്ടോമാറ്റിക്കായി ഡെപ്ലോയ് ചെയ്യും. "ഞായറാഴ്ച രാത്രി ഡെപ്ലോയ് പരിഭ്രാന്തി" ഇല്ല, കാരണം ഡെപ്ലോയ് വെള്ളിയാഴ്ച തന്നെ നടന്നിട്ടുണ്ട്, വാരാന്ത്യം മുഴുവൻ ഓട്ടോപൈലറ്റിൽ പ്രവർത്തിച്ചിട്ടുണ്ട്.

Vercel-ൽ ഒരു 3D ഗെയിം "വൈബ് കോഡിംഗ്" ചെയ്യുന്നത് എങ്ങനെയിരിക്കും

വൈബ് കോഡിംഗ് എന്നാൽ നിങ്ങൾക്ക് വേണ്ടത് ലളിതമായ ഇംഗ്ലീഷിൽ വിവരിക്കുക, ഒരു AI എഡിറ്റർ കോഡ് എഴുതട്ടെ, എന്നിട്ട് ഔട്ട്പുട്ട് മെച്ചപ്പെടുത്തുക. Vercel-ലെ Three.js ഗെയിമിന്, ലൂപ്പ് അസാധാരണമായി വൃത്തിയുള്ളതാണ്: Cursor-ലെ ഓരോ മാറ്റവും ലോക്കൽ ഫീഡ്‌ബാക്കിന് pnpm dev ദൂരെയാണ്, തുടർന്ന് ലൈവ് പ്രിവ്യൂ URL-ലേക്ക് ഒരു git push ദൂരെയാണ്, പിന്നെ main-ലേക്ക് ഓട്ടോ-ഡെപ്ലോയ്ഡ്.

ഒരു വൈബ് കോഡഡ് Vercel ഗെയിം വാരാന്ത്യം ഇങ്ങനെയായിരിക്കും:

Cursor-ൽ സ്കിലിന്റെ സ്റ്റാർട്ടർ ഫോൾഡർ തുറക്കുക.
ചാറ്റിൽ ഒരു ഫീച്ചർ വിവരിക്കുക: "double jump if space is pressed twice within 200ms".
Cursor കൺട്രോളർ ഫയൽ എഡിറ്റ് ചെയ്യും. സേവ് ചെയ്യുക. pnpm dev റീലോഡ് ചെയ്യും. ബ്രൗസറിൽ നിങ്ങൾ ജമ്പ് ഫീൽ ചെയ്യും.
ഇത് ശരിയാണെന്ന് തോന്നിയാൽ, git push. Vercel ഒരു പ്രിവ്യൂ URL നിർമ്മിക്കും. ഒരു സുഹൃത്തിന് അയയ്ക്കുക.
ഫീൽ ലോക്ക് ചെയ്തുകഴിഞ്ഞാൽ 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-ട്യൂൺ ചെയ്ത ബിൽഡ് ഉള്ളത്, ഇത് അസറ്റുകൾ Gzip ചെയ്യുന്നു, AI കോഡ് സ്പ്ലിറ്റ് ചെയ്യുന്നു, സംഗീതം ലേസി-ലോഡ് ചെയ്യുന്നു. മൾട്ടിപ്ലെയർ ഹുക്കുകൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്; വാരാന്ത്യം സിംഗിൾ-പ്ലെയർ ഷിപ്പ് ചെയ്യുന്നു.

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

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

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

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

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

ആർക്കേഡ് ഡ്രൈവിംഗ് ഫീൽ (ആക്സിലറേഷൻ കർവ്, ഡ്രിഫ്റ്റ് ഫിസിക്സ്, ക്യാമറ ലാഗ്, ബേസിക് ടെറൈൻ) ഒരു ലോ-പോളി കാർ, ഒരു ട്രാക്ക് ടെംപ്ലേറ്റ്, വലിയ ടെറൈൻ മെഷുകൾക്കായി ട്യൂൺ ചെയ്ത ഡെപ്ലോയ് എന്നിവയോടെ. പ്രീസെറ്റ് HTTP ഹെഡറുകൾ Three.js-ന് ചരിത്രപരമായി ഏറ്റവും സാവധാനത്തിലുള്ള ബ്രൗസറായ Safari-ൽ WebGL കോണ്ടെക്സ്റ്റ് വേഗത്തിൽ ആരംഭിക്കാൻ സഹായിക്കുന്നു.

ഏറ്റവും അനുയോജ്യം: ആർക്കേഡ് റേസിംഗ്, ഓഫ്-റോഡ് ഡ്രൈവിംഗ്, ഒരു പോർട്ട്‌ഫോളിയോയ്ക്കായുള്ള കാർ-ഫീൽ ഡെമോകൾ.

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 സെക്കൻഡിലും കളിക്കാരൻ എന്താണ് ചെയ്യുന്നത്? (പ്രധാന ലൂപ്പ്)
വിജയം നേടാനുള്ള അവസ്ഥയും പരാജയം നേടാനുള്ള അവസ്ഥയും എന്താണ്?
ഒരു റൗണ്ട് അല്ലെങ്കിൽ ഒരു ലെവൽ എത്ര സമയം എടുക്കും?
വിഷ്വൽ ഹുക്ക് എന്താണ്? (പാ olete, ലൈറ്റിംഗ്, സ്റ്റൈൽ റെഫറൻസ്)
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: ജ്യൂസ് ചേർക്കുക. ഹിറ്റിൽ പാർട്ടിക്കിൾസ്, ഇംപാക്റ്റിൽ സ്ക്രീൻ ഷേക്ക്, സ്കോറിൽ നമ്പർ പോപ്പ്അപ്പുകൾ. 48 മണിക്കൂർ ബിൽഡ് ഒരു GIF-ൽ 6 മാസം പ്രോജക്റ്റ് പോലെ തോന്നിപ്പിക്കുന്നത് ജ്യൂസ് ആണ്. Cursor-നോട് "screen shake of intensity 0.3 for 150ms when the player takes damage" എന്ന് ചോദിക്കുക - അത് അഞ്ച് സെക്കൻഡിനുള്ളിൽ ക്യാമറ-ഷേക്ക് ഹുക്ക് എഴുതും.

ഘട്ടം 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 മിനിറ്റ് പരിഹരിക്കാൻ കഴിയുന്നതാണ്, ഞായറാഴ്ച 7 മണിക്ക് കണ്ടെത്തിയാൽ 5 മണിക്കൂർ നീണ്ട തിരയലുകൾക്ക് കാരണമാകും.

തെറ്റായ ബിൽഡ് ഔട്ട്പുട്ട് ഡയറക്ടറി. Vite ഡിഫോൾട്ടായി dist/ ആണ്. Vercel Vite ഓട്ടോ-ഡിറ്റെക്റ്റ് ചെയ്യുകയും dist/ ഉപയോഗിക്കുകയും ചെയ്യും. നിങ്ങൾ ഔട്ട്പുട്ട് ഇഷ്ടാനുസൃതമാക്കിയെങ്കിൽ, vercel.json അല്ലെങ്കിൽ പ്രോജക്റ്റ് ക്രമീകരണങ്ങളിൽ outputDirectory സെറ്റ് ചെയ്യുക അല്ലെങ്കിൽ നിങ്ങളുടെ ഡെപ്ലോയ് ഒരു 404 ആയിരിക്കും.
ലോക്കലിൽ പ്രവർത്തിക്കുന്നതും എന്നാൽ പ്രൊഡക്ഷനിൽ 404 കാണിക്കുന്നതുമായ അസറ്റ് പാതകൾ. റൺടൈമിൽ ലോഡ് ചെയ്യുന്ന GLB, ടെക്സ്ചർ, അല്ലെങ്കിൽ ഓഡിയോ ഫയലുകൾക്ക് റിലേറ്റീവ് പാതകളോ Vite import.meta.env.BASE_URL ഹെൽപ്പറോ ഉപയോഗിക്കുക. ഹാർഡ്‌കോഡ് ചെയ്ത /assets/... പാതകൾ സാധാരണയായി പ്രവർത്തിക്കും, പക്ഷേ കോപ്പി-പേസ്റ്റ് ചെയ്ത വിൻഡോസ് പാതകൾ തീർത്തും പ്രവർത്തിക്കില്ല.
Pointer lock അല്ലെങ്കിൽ audio context തടയുന്ന 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 ബന്ധിപ്പിക്കുക, വെള്ളിയാഴ്ച 8pm-ന് മുമ്പ് ഡെപ്ലോയ് ചെയ്യുക, എന്നിട്ട് ശനിയാഴ്ചയും ഞായറാഴ്ചയും ഒരു ലൈവ് URL-ൽ ഇറ്ററേറ്റ് ചെയ്യുക.

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

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

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