Vibe Skills

Foliumi centojn da pretaj kapabloj por Claude, Cursor, kaj pli.

Eldonu 3D Ludon ĉe Vercel Antaŭ Dimanĉa Nokto: La 48-Hora Plej Luda Ludolibro

Vi povas iri de malplena vendreda vespero al via-ludo.vercel.app ligilo antaŭ dimanĉa vespermanĝo. La stako estas Three.js, Cursor, komputila lerteco el Vibe Skills, kaj la senpaga nivelo de Vercel. Tuta kosto por la semajnfino: $0. Tuta infrastrukturo, kiun vi devas prizorgi: ankaŭ nulo.

Ĉi tio ne estas "konstruu prototipon sur via tekokomputilo kaj nomu ĝin finita". Ĉi tio estas publika URL, kiun iu ajn en la mondo povas malfermi en retumilo, kun HTTPS, randa kaŝmemoro, kaj kutima domajno, se vi volas unu. La komputila lerteco liveras la Three.js kadron kaj laborantan vercel.json. Cursor administras la ripetan buklon. Vercel administras la liveron. Vi administras la dezajnon.

Ĉi tiu gvidilo estas por indie-evoluigistoj, vibrokodistoj, hackathon-partoprenantoj, kaj iu ajn laca de duone finitaj localhost:5173 langetoj. Ni kovras kial ĉi tiu stako funkcias, la 48-hora livera anatomio, kvin 3D-ludaj komputilaj lertecoj konstruitaj por la labormaniero, kaj la vendredo- ĝis-dimanĉa paŝo-post-paŝo.

Vibe Skills

Foliumi centojn da pretaj kapabloj por Claude, Cursor, kaj pli.

Esplori Kapablojn

Komenci Senpage Nun

Kial Vercel + Three.js + Komputilaj Lertecoj Estas La Solo-Evoluista Stako

Vercel estas la plej pigra ebla livera celo por Three.js ludo. Puŝu al GitHub, Vercel rimarkas, konstruas la projekton, kaj redonas al vi URL ene de 60 sekundoj. Neniu servilo por provizi, neniu Docker-dosiero, neniu NGINX-konfiguro, neniu SSL-agordo. La Three.js pakaĵo estas nur statika HTML, JS, kaj WebGL-aktivoj, kio estas ekzakte tio, kion la randa reto de Vercel konstruiĝis por servi.

La senpaga nivelo kovras semajnfino-lanĉon komforte:

100 GB bendolarĝo monate. 5 MB Three.js konstruo ĉe 10,000 ludoj estas 50 GB. Vi elĉerpos semajnfinon antaŭ ol vi elĉerpos bendolarĝon.
Senlimaj statikaj liveroj kun HTTPS kaj *.vercel.app subdomajno.
Kutima domajno subteno sur la senpaga nivelo - alportu vian propran nomo-ludo.com se vi havas unu, alie la senpaga vercel.app URL estas dividenda ĉe ĉiu socia platformo.
Previzaj liveroj por ĉiu komendo - ĉiu puŝo ricevas sian propran URL, do vi povas dividi konstruaĵon kun amiko kaj daŭre ripeti sen rompi ĝin.

Aldonu komputilan lertecon el Vibe Skills kaj la skafoldaĵo ankaŭ malaperas. Three.js sceno-agordo, ludanta kontrolilo, konstrua sistemo, kaj Vercel-preta vercel.json estas generitaj per unu komando. Tiam Cursor transformas la reston de la semajnfino en babilejon kie vi priskribas la ludon, kiun vi volas, kaj ĝustigas la eligon. Tio estas la kompleta stako: vendoplaca lerteco por la fundamento, AI-redaktilo por ripetado, kaj Vercel por la livero. Solo, senpaga, kaj rapida.

Vibe Skills

Foliumi centojn da pretaj kapabloj por Claude, Cursor, kaj pli.

Esplori Kapablojn

Komenci Senpage Nun

La 48-Hora Anatomio: Vendreda Koncepto al Dimanĉa Livero

Ĉiu semajnfino-livero, kiu efektive fariĝas viva, sekvas la samajn ritmojn. La lertaĵo estas plani la liveron vendrede, ne dimanĉa posttagmeze, do la lastaj ses horoj iras al poluro anstataŭ batali konstruan eraron.

Fazo	Tempo bloko	Kion vi faras	Kio estas liverita fine de la fazo
Fazo 1: Koncepto	Vendredo 6pm - 10pm	Elektu ĝenron, verku 1-paĝan dezajnodokumenton, instalu la Vibe Skills 3D ludan lertecon, puŝu startilon al GitHub, konektu al Vercel	Viva `nomo-ludo.vercel.app` URL kun la skafolda sceno
Fazo 2: Konstruo	Sabato 9am - 8pm	Anstataŭigu la loktenilon per via kernmekaniko, aldonu 1 nivelon, igu la venko/malvenko-staton laboranta	Ludebla konstruo ĉe la sama Vercel URL, aŭtomate liverita ĉe ĉiu puŝo
Fazo 3: Poluro	Dimanĉo 10am - 4pm	Sono, suko, lernigilo-vidi, cimo-paso, rendimento-kontrolado sur poŝtelefono	Konstruaĵo, kiu ne rompiĝas en la unuaj 60 sekundoj sur iu ajn aparato
Fazo 4: Lanĉo	Dimanĉo 4pm - 8pm	Agordu kutiman domajnon (laŭvola), registru GIF, skribu itch.io paĝon, afiŝu la ligilon	Publika URL + itch.io paĝo + lanĉa afiŝo en sociaj retoj

La kialo, ke tio funkcias, estas la vendreda puŝo al Vercel. Post kiam la URL ekzistas, ĉiu sabato kaj dimanĉa komendo estas liveritaj aŭtomate. Ne estas "dimanĉa nokto livera paniko" ĉar la livero jam okazis vendrede kaj funkcias aŭtomate dum la tuta semajnfino.

Kiel "Vibokodi" 3D Ludon ĉe Vercel Similas

Vibokodi signifas priskribi tion, kion vi volas en simpla angla lingvo kaj lasi AI-redaktilon skribi la kodon, poste ripetante pri la eligoj. Por Three.js ludo ĉe Vercel, la buklo estas nekutime pura: ĉiu ŝanĝo en Cursor estas pnpm dev for de loka retrosciigo, poste git push for de viva antaŭvido-URL, poste aŭtomate liverita al produktado sur main.

Vibokodita Vercel-luda semajnfino similas al tio:

Malfermu la startan dosierujon de la lerteco en Cursor.
Priskribu funkcion en babilejo: "duobla salto se spaco estas premata dufoje ene de 200ms".
Cursor redaktas la kontrolilan dosieron. Konservu. pnpm dev reŝargas. Vi sentas la salton en la retumilo.
Se ĝi sentas ĝuste, git push. Vercel konstruas antaŭvido-URL. Sendu ĝin al amiko.
Kunfandu al main kiam la sento estas ŝlosita. Produktada URL ĝisdatiĝas ene de 60 sekundoj.

La AI faras la tajpadon. Vercel faras la liveron. Vi faras la senton kaj la dezajnon.

5 AI 3D Ludaj Lertecoj, Kiuj Ebligas Ĉi tion ĉe Vibe Skills

Ĉi tiuj lertecoj estas konstruitaj por la Vercel + Three.js + Cursor semajnfina labormaniero. Ĉiu el ili liveras Vite-bazitan Three.js projekton, laborantan vercel.json, pnpm build kiu produktas statikan pakaĵon, kiun Vercel povas servi el la rando, kaj testitan liveran vojon. Ĉiuj estas en la 3D Ludoj kategorio ĉe Vibe Skills.

1. Three.js + Vercel Ludanta Startilo

La defaŭlto. Generas Three.js scenon kun ludanta kontrolilo, triapersona fotilo, lumilaro, ĉielglobo, kaj grundo kun kolizioj. Liveras kun vercel.json kiu starigas la ĝustajn kaŝmemoro-kapliniojn por Three.js aktivaĵaj pakaĵoj. pnpm dev funkcias loke; unu klako en la Vercel dashboard konektas la GitHub-depon, kaj vi havas vivan URL.

Plej bona por: ajna ĝenro krom pura 2D. Uzu ĉi tion se vi ankoraŭ ne scias, kion vi konstruas.

2. Unuapersona Vercel Marŝanto

Polurita unuapersona kontrolilo (WASD + muso-ŝlosilo + gravito + spurtado + salto) kun piedfrapaj hokoj, kapo-balancado, kaj vercel.json kiu ĝuste traktas la CSP-kapliniojn pri muso-ŝlosilo. Tiu ĉi konfuzas multajn solludantojn en produktado. La lerteco solvas ĝin por vi.

Plej bona por: marŝaj simuladoj, hororaj prototipoj, narativaj ludoj, muzeaj ekspozicioj.

3. Retumila Arenaj Pafistoj Kit

Supra-malsupra areno (ĝemel-bastona kontrolilo, ondo-generilo, baza AI de malamikoj, projekto-sistemo, poentaro HUD) kun Vercel-agordita konstruaĵo kiu zips aktivaĵojn, kod-disigas la AI, kaj malrapide ŝarĝas muzikon. Plurludantaj hokoj inkluzivitaj; la semajnfino liveras unu-ludantan.

Plej bona por: arkadaj pafistoj, kuglaj inferoj, ĵam-kontribuoj, kiuj devas ŝarĝi rapide sur poŝtelefono.

4. Vercel Puzla Platformisto

Tria-persona platformisto (varia salo, kojota tempo, kornica detekto), transirejoj, tri stub-niveloj, kiujn vi povas redakti en Blender aŭ per kodo, kaj refraja buklo. La vercel.json estas agordita por tujaj rande kaŝmemoritaj nivelaj reŝargoj, do ludtestado sentas sin vigla sur telefono.

Plej bona por: puzlaj platformistoj, parkuraj prototipoj, nivel-dezajnaj eksperimentoj.

5. Vercel Vetura Sandbox

Arkadaj veturaj sentoj (akselerada kurbo, driva fiziko, fotila malfruo, baza tereno) kun malalt-poligona aŭto, traka ŝablono, kaj livero agordita por grandaj terenaj maŝoj. Pre-agorditaj HTTP-kaplinioj faras la WebGL-kuntekston komenci pli rapide en Safari, historie la plej malrapida retumilo por Three.js.

Plej bona por: arkadaj vetkuradoj, terenaj veturadoj, aŭtomobilaj sento-demonstraĵoj por kariertabulo.

Foliumi ĉiujn 3D ludajn lertecojn ĉe Vibe Skills →

Vendredo- ĝis-Dimanĉa Paŝo-post-Paŝo

Jen la preciza horaro. Alĝustigu la komencon, sed konservu la ordon. La ŝlosila mejloŝtono estas la vendreda vespera Vercel-livero. Ĉio poste estas ripetado.

Vendredo 6pm - 8pm: Elektu Lertecon, Puŝu al GitHub, Konektu Vercel

Paŝo 1: Elektu 3D ludan lertecon ĉe Vibe Skills. Foliumi la 3D Ludoj kategorion, elektu tiun, kiu kongruas kun via ĝenro, kaj instalu la startilon en freŝa dosierujo. Malfermu ĝin en Cursor. Vi devus vidi Three.js scenon kun moviĝanta ludanto ĉirkaŭ 7pm.

Paŝo 2: Kreu GitHub-depon kaj puŝu. git init, git remote add, git push. Uzu la ŝlosilon de via ludo kiel la deponejan nomon (kristala-kuristo, lunara-fiŝkaptado, kio ajn). La deponeja nomo ofte fariĝas via URL.

Paŝo 3: Konektu la depon al Vercel. Ensalutu al Vercel per GitHub (senpaga), alklaku "Aldoni Novan Projekton", elektu la depon. Vercel aŭtomate detektas Vite kaj agordas la konstruaĵon. Alklaku Liveri. Ene de 60 sekundoj vi havas kristala-kuristo.vercel.app URL. Malfermu ĝin sur via telefono. Kunhavigu kun unu amiko. La livera trinkejo estas nun nulo por la resto de la semajnfino.

Vendredo 8pm - 10pm: Verku la Dezajnodokumenton

Paŝo 4: Respondu kvin demandojn en simpla angla lingvo. Malfermu Notion-paĝon aŭ markdown-dosieron ene de la depono kaj respondu:

Kion la ludanto faras ĉiujn 5 sekundojn? (la kernbuklo)
Kio estas la venko-kondiĉo kaj la malvenko-kondiĉo?
Kiom longe daŭras unu kuro aŭ unu nivelo?
Kio estas la vida allogo? (paletro, lumigado, stilo-referenco)
Kio estas la unu funkcio, kiu faras ĉi tion memorinda en 30 sekundoj?

Paŝo 5: Komentu la dezajnodokumenton. Puŝu ĝin al la depono. Vercel re-liveros. La disciplino de puŝado de ĉiu signifa ŝanĝo konservas la vivan URL honesta.

Sabato 9am - 1pm: Konstruu la Kernan Mekanikon

Paŝo 6: Anstataŭigu la loktenilan mekanikon per via unu funkcio. Tio estas la nura funkcio, kiu gravas. Uzu Cursor-babilejon por priskribi ĝin ("kiam la ludanto prenas kristalon, frostigu proksimajn malamikojn dum 2 sekundoj kaj ludu ĉimegon"). Ripetu loke per pnpm dev. Kiam ĝi sentas sin ĝuste, puŝu.

Paŝo 7: Ligu la venko/malvenko-staton. 60-sekunda konstruo kun vera fino sentas kiel ludo. 60-minuta konstruo sen fino sentas kiel teknologia demo. Ĉiam ligu la venko-ekranon unue, poste ĉion alian.

Sabato 1pm - 8pm: Aldonu Unu Nivelon

Paŝo 8: Konstruu unu poluritan nivelon. Ne tri duonbakitajn. Uzu loktenilajn kubojn por geometrio. Uzu la norman karakteron de la lerteco. Agordu senton - saltan alton, fotilan malfruon, partiklan intensecon.

Paŝo 9: Aldonu lernigilan superkovrilon. Du-frazaj "WASD por moviĝi, alklaku por pafi" vidiĝas ĉe la unua lanĉo kaj ŝparas vian lanĉon de konfuzitaj ludantoj, kiuj rezignas en 8 sekundoj. Cursor povas generi la React (aŭ vanilla DOM) superkovrilon en 30 sekundoj.

Paŝo 10: Puŝu ĉiun horon. Ĉiu puŝo ricevas Vercel antaŭvido-URL. Sendu ĉiun al amiko. La retrosciiga ciklo estas la sekreta armilo de ĉi tiu stako.

Dimanĉo 10am - 4pm: Poluro

Paŝo 11: Aldonu tri sonojn. Piedfrapan buklo, ĉirkaŭan kuseneton, venko-tonon. Eĉ tri sonoj signife altigas semajnfino-prototipon. Senpagaj fontoj: freesound.org, opengameart.org.

Paŝo 12: Aldonu sukon. Partikloj ĉe efiko, skua ekrano ĉe trafo, nombro-vidiĝas ĉe poentaro. Suko estas tio, kio faras semajnfino-konstruaĵon aspekti kiel 6-monata en GIF. Petu Cursor aldoni "skuan ekrano de intenseco 0.3 dum 150ms kiam la ludanto ricevas damaĝon" - ĝi skribos la kap-skuan hokon en kvin sekundoj.

Paŝo 13: Rulu Lighthousan pasejon. Malfermu la Vercel-URL sur telefono kaj rulu Chrome DevTools Lighthouse. Three.js pakaĵoj estas kutime ĉirkaŭ 400 KB ĝis 1.5 MB. Se vi superas 3 MB, petu Cursor ebligi kod-disigon sur la pezaj moduloj. Vercel's gzip kaj brotli traktos la reston.

Paŝo 14: Cimo-pasejo. Ludu vian vivan URL kvin fojojn sinsekve. Riparu ion ajn, kio rompiĝas dufoje. Ignoru ion ajn, kio rompiĝas unufoje.

Dimanĉo 4pm - 8pm: Lanĉo

Paŝo 15: (Laŭvola) Agordu kutiman domajnon. Se vi aĉetis nomo-ludo.com antaŭe, aldonu ĝin en la projektaj agordoj de Vercel. SSL estas aŭtomata. Alie la *.vercel.app URL estas bona - ĝi havas HTTPS, ĝi estas dividenda, kaj ĝi ŝarĝiĝas ĉie.

Paŝo 16: Registru 15-sekundan GIF de la plej bona momento. Uzu la vivan URL, ne localhost. La GIF estas tio, kio ricevas klakojn en Twitter, Bluesky, kaj Reddit.

Paŝo 17: Kreu itch.io paĝon (laŭvola sed alt-efika). Titolo, unufraza slogano, tri ekrankopioj, la GIF, kontroloj, kreditoj, kaj enigo de via *.vercel.app iframe (itch.io subtenas iframe-enmetojn por HTML5-ludoj). Nun vi havas du URLojn - unu por hazarda dividado kaj unu por la ludanto-aŭdienco.

Paŝo 18: Afiŝu la ligilon. Twitter, Bluesky, via evoluista komunumo Discord, r/IndieDev, r/threejs, r/WebGames. Ĉiam komencu per la GIF. Ĉiam inkluzivu la URL. Se vi uzis Vibe Skills lertecon, menciu ĝin en la evoluiga journalkontribuo - aliaj evoluigistoj legantaj sekvos volos la saman startilon.

Kiel Eviti La Tri Plej Oftajn Vercel Liverajn Fiaskojn

Tri aferoj rompas preskaŭ ĉiun solludan Three.js + Vercel semajnfino. Ĉiuj tri estas 5-minutaj riparoj se vi kaptas ilin vendreda nokto, kaj 5-horaj kuniklotruoj se vi malkovras ilin dimanĉe je la 7-a vespero.

Malĝusta konstrua eligadodossierujo. Vite defaŭltas al dist/. Vercel aŭtomate detektas Vite kaj uzas dist/. Se vi personecigis la eligon, starigu outputDirectory en vercel.json aŭ la projektaj agordoj aŭ via livero estos 404.
Aktivaĵaj vojoj, kiuj funkcias loke sed 404 en produktado. Uzu relativajn vojojn aŭ la Vite import.meta.env.BASE_URL helpon por ajna rulse ŝarĝita GLB, teksturo aŭ aŭda dosiero. Mane skribitaj /assets/... vojoj kutime funkcias, sed kopi-pastritaj absolutaj Vindoza vojoj absolute ne faros.
CSP-kaplinioj, kiuj blokas muso-ŝlosilon aŭ aŭdan kuntekston. Unuapersonaj ludoj bezonas muso-ŝlosilon. Audio bezonas uzan gestan aktivigon. Ajna lerteco el la 3D Ludoj kategorio liveras kun la ĝusta headers bloko en vercel.json por trakti ĉi tion. Se vi skribis vian propran de nulo, kopiu la konfiguracion el la lerteca depono.

La livero funkcias vendrede, do kiam ĉi tiuj rompiĝas dimanĉe, ĝi ĉiam estas pro lastatempa ŝanĝo. git bisect estas via amiko. Eĉ pli bone: daŭre puŝu ĉiujn 30 minutojn, do la rompita komendo estas malgranda.

Ofte Demanditaj Demandoj

Ĉu la Vercel senpaga nivelo vere subtenos, se mia ludo ricevas trafikon?

Jes por semajnfino-lanĉo kaj la unuaj kelkaj semajnoj. Senpaga nivelo donas al vi 100 GB bendolarĝon monate, kio estas ĉirkaŭ 20,000 ludoj de 5 MB Three.js konstruo. Se vi atingos tiun plafonon, la Pro plano estas $20/monate kaj puŝas vin al 1 TB. Por semajnfino-livero, senpaga estas pli ol sufiĉe. Lertecoj ĉe Vibe Skills liveras kun konstruaj konfiguracioj, kiuj minimumigas la pakaĵan grandon, kio plilongigas la senpagan nivelon plu.

Ĉu mi povas uzi kutiman domajnon sur la senpaga Vercel nivelo?

Jes. La senpaga nivelo subtenas kutimajn domajnojn kun aŭtomata HTTPS. Aĉetu domajnon (Namecheap, Cloudflare Registrar, Porkbun), direktu ĝin al Vercel, kaj Vercel traktas la SSL-atestilon. La agordo daŭras ĉirkaŭ 10 minutojn. Se vi ne havas domajnon, la nomo-ludo.vercel.app URL estas sufiĉe mallonga por dividi sur iu ajn platformo.

Ĉu ĉi tiu stako estas bona por ludkonkursa kontribuo?

Jes, kaj ĝi estas unu el la plej bonaj stakoj por ludkonkursaj kontribuoj. La plej multaj konkursaj (Ludum Dare, GMTK, js13k, GitHub Game Off) akceptas ajnan rete-ludeblan URL. *.vercel.app ligilo funkcias ekzakte kiel itch.io URL por juĝistoj. Multaj konkursaj gajnintoj liveras al ambaŭ - itch.io por la ludanta aŭdienco, Vercel kiel la rapida kanonika URL.

Ĉu mi bezonas scii Three.js antaŭ komenci?

Vi bezonas sufiĉe da JavaScript por legi tion, kion Cursor skribas, kaj ĝustigi valorojn. Vi ne bezonas skribi Three.js de nulo. La lertecoj ĉe Vibe Skills generas la motoran agordon, fotilon, kontrolilon, kaj konstruan konfiguracion. Cursor traktas la ludkodaĵon el viaj priskriboj.

Kio okazas se mia Vercel konstruo malsukcesas dimanĉe je la 7-a vespero?

La plej ofta kaŭzo estas TypeScript-eraro aŭ mankanta medivario. Vercel montras la konstruan taglibron kun la malsukcesa linio elstarigita. Unu klako en la panelo re-ruligas al la lasta laboranta livero kaj promocias ĝin al produktado. Ĉar ĉiu puŝo estas antaŭvido-livero, vi neniam estas pli ol unu komendo for de laboranta konstruaĵo. Tial puŝi ĉiujn 30 minutojn sabate kaj dimanĉe gravas.

Ĉu mi povas vendi aŭ modifi la kodon el Vibe Skills 3D ludlertaĵo?

Jes. Lertecoj ĉe Vibe Skills liveras kun komerca-amikema permesilo, kiu permesas vin publikigi la kodon en via propra ludo ĉe Vercel, itch.io, Steam, aŭ ie ajn alie. Kreintoj konservas la IP de la lerteco, vi konservas la IP de la ludo konstruita sur ĝi.

Kio se mi ne volas uzi Cursor?

Ajna AI-redaktilo, kiu povas redakti projektajn dosierojn, funkcias. Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - iu ajn el ili povas ripeti pri la Three.js skafoldaĵo el Vibe Skills lerteco. La lerteco mem estas redaktilo-agnostika.

Livru Ĝin Ĉi Tiun Semajnfino

La kialo, ke plej multaj solludantoj neniam liveras 3D ludon, ne estas la motoro, la ĝenro, aŭ la lerteca nivelo. Ĝi estas la vendreda nokto, kiam ili "nur esploras iom pli" kaj neniam komencas. La sekvan senpagan semajnfinon, kiun vi havas, sekvu la kvarfazan planon: instalu Vibe Skills 3D ludan lertecon, puŝu al GitHub, konektu Vercel, livru antaŭ vendredo 8pm, poste pasigu sabaton kaj dimanĉon ripetante pri viva URL.

Via kariertabulo de dek semajnfino-liveritaj ludoj ĉe Vercel valoras pli ol via hipoteza ses-monata rev-motora projekto. La liverita ĉiam venkas. La senpaga Vercel URL estas la pruvo.

Foliumi 3D ludajn lertecojn ĉe Vibe Skills →

Saltu la Three.js skafoldaĵan maratonon. Instalu 3D ludan lertecon ĉe Vibe Skills, puŝu al Vercel, kaj havu vivan URL antaŭ dimanĉa nokto.