Indlela Yokuthumela Umdlalo we-3D Kwi-Vercel Ngale Mpelawekhi (Ngezi-AI Skills)

Ingcamango ngolwesiHlanu, i-URL ephilayo ngeCawe. I-playbook ye-Three.js + Cursor + Vibe Skills + Vercel free tier yokuhambisa umdlalo we-3D kwiiyure ezingama-48.

3D GamesVercelThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
9,623
Indlela Yokuthumela Umdlalo we-3D Kwi-Vercel Ngale Mpelawekhi (Ngezi-AI Skills) - Vibe Skills preview
Vibe Skills
Vibe Skills

Phonononga amakhulu eengqalelo ezilungiselelwe i-Claude, i-Cursor, kunye nokunye.

Shiya Imidlalo ye-3D kwiVercel ngeCala elinguNyana: Incwadi ye-48 yeeyure zoPhumezo

Ungaqalisa ngoku ukusuka ekuvuleni kwelanga ngolwesiHlanu ukuya kwikhonkco le-your-game.vercel.app ngaphambi kwesidlo sangokuhlwa ngeCala. Le nkqubo isebenzisa i-Three.js, i-Cursor, isakhono se-AI esivela kwiVibe Skills, kunye nenqanaba lasimahla leVercel. Ixabiso elipheleleyo ngempelaveki: $0. Inkqubo yeziseko ekufuneka uyinakekele: nayo iyimfihlakalo.

Le ayiyiyo "ukwakha iprototype kwilaphu lakho kwaye uyibize igqityiwe". Le yikhonkco elidlangqongileyo elinokuvulwa ngumntu wonke kwisikhangeli, kunye ne-HTTPS, ukugcinwa kwemidiya ekrelekrele, kunye negama lenkqubo elingokwezifiso ukuba ulifuna. Isakhono se-AI sithumela izibhalo ze-Three.js kunye ne-vercel.json esebenzayo. I-Cursor ijongana nomjikelo wokujikeleza. I-Vercel ijongana nokuphunyezwa. Ujongana noyilo.

Le ncwadana yenzelwe abaqhubi bemidlalo ezimeleyo, abaqhubi be-vibe, abathathi-nxaxheba kwiihackathon, kunye nabani na okruqulwe yitabs ezingagqitywanga ze-localhost:5173. Sijonga ukuba kutheni le nkqubo isebenza, imbali yeeyure ezingama-48 zokuphunyezwa, izakhono ezihlanu zemidlalo ye-3D ezakhelwe inkqubo yokusebenza, kunye neshedyuli yosuku ngosuku ukusuka ngoLwesiHlanu ukuya ngeCala.


Indlela Yokuthumela Umdlalo we-3D Kwi-Vercel Ngale Mpelawekhi (Ngezi-AI Skills) - Vibe Skills preview
Vibe Skills
Vibe Skills

Phonononga amakhulu eengqalelo ezilungiselelwe i-Claude, i-Cursor, kunye nokunye.

Kutheni iVercel + Three.js + AI Skills Iyona Nkqubo yoMntu Omnye oyiNkqubo

IVercel yeyona ndawo yokuphehlelela elula kakhulu kwimidlalo ye-Three.js. Cofa kwi-GitHub, iVercel iye iyibone, yakhe iprojekthi, kwaye ikubuyisele ikhonkco ngaphantsi kwemizuzwana engama-60. Akukho seva ekufuneka uyilungiselele, akukho fayile ye-Docker, akukho kuqwalasela kwe-NGINX, akukho kulungiswa kwe-SSL. Ubume be-Three.js bubuninzi be-HTML, JS, kunye ne-WebGL assets, nto leyo kanye leyo iVercel's edge network yakhelwe ukuyinika.

Inqanaba lasimahla ligubungela ukuqalisa kwempela ngokukhawuleza:

  • 100 GB ye-bandwidth ngenyanga. Isakhiwo se-Three.js esingama-5 MB ngama-10,000 okudlala singama-50 GB. Uza kuphelela impelawe ngaphambi kokuba uphele yi-bandwidth.
  • Ukuphunyezwa okungapheliyo kwezinto ezingashukumiyo kunye ne-HTTPS kunye ne-subdomain ye-*.vercel.app.
  • Inkxaso yesizinda sangokwezifiso kwinqanaba lasimahla - zisebenzise i-name-game.com yakho ukuba unayo, ngaphandle koko ikhonkco lasimahla le-vercel.app lingabiwa kuyo yonke iplatifomu yentlalo.
  • Ukubona uphononco lokuphunyezwa ngakumbi kuyo yonke into eyenziwayo - yonke into eyenziwayo inayo ikhonkco layo, ngoko ungabelana ngesakhiwo nomhlobo kwaye uqhubeke nokujikeleza ngaphandle kokuyonakalisa.

Yongeza isakhono se-AI esivela kwiVibe Skills kwaye ibhodi eliqaqambileyo linyamalala kunye nalo. Indawo yokubeka i-Three.js, umphathi womdlali, inkqubo yokwakha, kunye ne-vercel.json elungiselelwe iVercel ziyakhiwa ngekhomando enye. Emva koko i-Cursor ijika yonke enye impelawe ibe yingxoxo apho uchaza ubume bomdlalo ofuna wona kwaye ulungelelanise imveliso. Le yinkqubo epheleleyo: isakhono semakethi sesiseko, isihleli se-AI sokujikeleza, kunye neVercel yokuphunyezwa. Ngokuzimeleyo, simahla, kwaye ngokukhawuleza.


Indlela Yokuthumela Umdlalo we-3D Kwi-Vercel Ngale Mpelawekhi (Ngezi-AI Skills) - Vibe Skills preview
Vibe Skills
Vibe Skills

Phonononga amakhulu eengqalelo ezilungiselelwe i-Claude, i-Cursor, kunye nokunye.

Imbali yeeyure ezingama-48: IsiCwangciso sikaLwesiHlanu ukuya kwiCala loPhumezo

Lonke iphela impelawe ehambayo ilandela amanyathelo afanayo. Isiqholo kukucwangcisa ukuphunyezwa ngoLwesiHlanu, kungekho emva kwemini ngeCala, ukuze iiyure zokugqibela ezintandathu zihambe ziye kumgangatho ongcono endaweni yokulwa impazamo yokwakha.

IxeshaIxesha elithathayoYenza ntoniKuthi ngaxambha ngenxa yeli xesha elithathayo
Ixesha 1: IsiCwangcisoNgoLwesiHlanu 6pm - 10pmKhetha uhlobo, bhala uxwebhu loyilo olungu-1 iphepha, faka isakhono semidlalo ye-3D seVibe Skills, cinezela isiqalo kwi-GitHub, qhagamshela kwiVercelIkhonkco le-name-game.vercel.app eliphilayo elinendawo yeqokobhe
Ixesha 2: UkwakhaNgomgqibela 9am - 8pmFaka endaweni yomzekelo kunye nomsebenzi wakho ophambili, yongeza inqanaba eli-1, yenza isimo sokuphumelela/ukuphulukana sisebenzeIsakhiwo esidlaliweyo kwikhonkco elifanayo leVercel, esiphunyezwa ngokuzenzekelayo ngayo yonke into eyenziwayo
Ixesha 3: Umgangatho ongconoNgeCala 10am - 4pmIzandi, ijusi, ipop-up yesifundo, ugqityo lweziphoso, ukuhlolwa kokusebenza kwiselfowuniIsakhiwo esingonakalisi kwiimozana zokuqala ezingama-60 kulo naliphi na isixhobo
Ixesha 4: UkuqalisaNgeCala 4pm - 8pmCofa isizinda sangokwezifiso (uyazikhethela), ukhuphe iGIF, ubhale iphepha le-itch.io, ubeke ikhonkcoIkhonkco elidlangqongileyo + iphepha le-itch.io + isithuba sokuqalisa kwiimidiya zentlalo

Isizathu sokuba oku kusebenze kukuphunyezwa ngoLwesiHlanu kwiVercel. Nje ukuba ikhonkco likhona, yonke into eyenziwayo ngomgqibela neCala iphunyezwa ngokuzenzekelayo. Akukho "ukudandatheka kokuphunyezwa ngeCala ebusuku" kuba ukuphunyezwa sele kwenzekile ngoLwesiHlanu kwaye kuye kwasemathubeni kulo lonke impelawe.


Indlela i-"Vibe Coding" yoMdlalo we-3D kwiVercel ejongeka ngayo

I-Vibe coding ithetha ukuchaza into oyifunayo ngesiNgesi esicacileyo kwaye uvumele umhleli we-AI ukuba abhale ikhowudi, emva koko ujikeleze kwimveliso. Kumdlalo we-Three.js kwiVercel, umjikelo uhluke ngokucacileyo: yonke utshintsho kwi-Cursor luyi-pnpm dev kude kube yimpendulo yasekhaya, emva koko i-git push kude kube yikhowudi yokujonga ephilayo, emva koko iphunyezwe ngokuzenzekelayo kwimveliso kwi-main.

Impelawe yeVercel ehlelwe nge-vibe ibonakala ngolu hlobo:

  1. Vula ifolda yokuqalisa yesakhono kwi-Cursor.
  2. Chaza umsebenzi ongqala kwincoko: "ijumphu emibini ukuba indawo yokubeka icofa kabini kwizizkulwana ezingama-200ms".
  3. I-Cursor ihlela ifayile yomphathi. Gcina. pnpm dev iyayila. Uziva ijumphu kwisikhangeli.
  4. Ukuba iyavakala ilungile, git push. IVercel yakha ikhonkco lokuphononongwa. Yithumele komnye umhlobo.
  5. Dibanisa kwi-main xa ivakala ilungile. Ikhonkco lemveliso luhlaziywa ngaphakathi kwemizuzwana engama-60.

I-AI yenza ubhaliso. I-Vercel yenza ukuphunyezwa. Wena wenze ivumba kunye noyilo.


5 AI 3D Game Skills Ezivumela Oku kwiVibe Skills

Le misebenzi yakhelwe inkqubo yokusebenza yeVercel + Three.js + Cursor yempelawe. Nganye kuzo ithumela iprojekthi ye-Three.js esekelwe kwiVite, i-vercel.json esebenzayo, i-pnpm build eyenza isakhiwo esingashukumiyo iVercel enokuyinika ukusuka kwi-edge, kunye nendlela yokuphunyezwa evavanyiweyo. Konke kukwikatharegori ye3D Games kwiVibe Skills.

1. Isiqalo seSakhono seThree.js + Vercel Game

Inketho yokuqala. Yenza indawo ye-Three.js kunye nomphathi womdlali, ikhamera yesithathu, ilayiti yobuso, ilayiti yezulu, kunye nomgangatho womhlaba onamalunga. Isebenzisa i-vercel.json eseta imi-header yokuqokelela efanelekileyo yeebhloko zesakhiwo ze-Three.js. pnpm dev iyasebenza yasekhaya; ucofa kube kanye kwi-dashboard yeVercel udibanisa igalari ye-GitHub kwaye unenkcongo ephila.

Yenzelwe kakuhle: nawuphi na uhlobo ngaphandle kwe-2D ecocekileyo. Sebenzisa leyo ukuba awazi ukuba uthe wenza ntoni.

2. Isihambi Sokuhamba Somntu Wokuqala kwiVercel

Umgcini womntu wokuqala ogqityiweyo (WASD + isantya sokutshixa imouse + umtsalane + ukuqhuba + ijumphu) kunye neengxowa zezinyathelo, i-head-bob, kunye ne-vercel.json ejongana ne-CSP headers zomtshixo wentshiyi ngokuchanekileyo. Oku kudibanisa abaqhubi abaninzi abazimeleyo kwimveliso. Isakhono siyisombulula kuwe.

Yenzelwe kakuhle: imidlalo yokuhamba, iiprothayiiphu zokoyikisa, imidlalo yendaba, imiboniso yomyuziyam.

3. Isixhobo se-Browser Arena Shooter

Indawo yomdlalo we-arena ejonge phantsi (umphathi weentsimbi ezimbini, umvelisi wamaza, i-AI yeentshaba, inkqubo ye-projectile, i-HUD yamanqaku) kunye nokuphunyezwa okuhlengahlengisiweyo kweVercel okubeka izinto ezixineneyo, kucala i-AI, kwaye kuthintele umculo ngokukhawuleza. Izixhobo zobudlali obuninzi zibandakanyiwe; impelawe ihamba ngomdlalo ongomnye.

Yenzelwe kakuhle: abafutha bemidlalo ye-arcade, i-bullet hell, ukungena kumdlalo kufuneka kukhawuleze kwiselfowuni.

4. I-Vercel Puzzle Platformer

Umphathi womdlalo weqonga wesithathu (ijumphu eguquguqukayo, ixesha leyokotyi, ukubonwa kwamakhonkco), iindawo zokuphepha, amanqanaba amathathu omzekelo ongawaguqula kwiBlender okanye ngokukhowuda, kunye nomjikelo wokuphinda uqale. I-vercel.json iqwalaselwe ukuphindwa kwamanqanaba akhawuleziweyo ngokukhawuleza, ngoko ukudlala kubonakala ngathi kuyakhawuleza kwiselfowuni.

Yenzelwe kakuhle: imidlalo ye-puzzle platformer, iiprothayiiphu zokuxhuma, izifundo zoyilo lwamanqanaba.

5. I-Vercel Driving Sandbox

Ubunzima bokukhawuleza kwemidlalo ye-arcade (iqhekeza lokukhawuleza, ifiziksi yokudrift, i-camera lag, umhlaba osisiseko) kunye nemoto enezigcawu ezimbalwa, umzekelo womjikelezo, kunye nokuphunyezwa okuhlengahlengiselwe ii-meshes ezinkulu zemihlaba. Imicimbi ye-HTTP esele ikho yenza ukuba ubume be-WebGL buqalise ngokukhawuleza kwiSafari, ngaphambili ibiyeyona khamera icothe kakhulu kwimidlalo ye-Three.js.

Yenzelwe kakuhle: ubungqelana bokhuphiswano, ukukhwelana nomhlaba, imiboniso yobunzima bezithuthi kwiprofayili.

Bona zonke izakhono zemidlalo ye-3D kwiVibe Skills →


Ishedyuli yeeyure ezingama-48: NgoLwesiHlanu ukuya ngeCala

Le yisabelo sexesha esichanekileyo. Lungisa ixesha lokuqala, kodwa ugcine iodolo. Umsebenzi obalulekileyo ngowokuphunyezwa ngoLwesiHlanu ebusuku. Yonke into emva koko ngumjikelo.

NgoLwesiHlanu 6pm - 8pm: Khetha Isakhono, Cinezela kwi-GitHub, Dibanisa iVercel

Inyathelo 1: Khetha isakhono semidlalo ye-3D kwiVibe Skills. Jonga ikatharegori ye3D Games, khetha leyo ilingana nohlobo lwakho, kwaye faka isiqalo kwifolda entsha. Yivule kwi-Cursor. Kuya kufuneka ubone indawo ye-Three.js enomdlali ohambayo ngo-7pm.

Inyathelo 2: Yenza igalari ye-GitHub kwaye ucinezele. git init, git remote add, git push. Sebenzisa igama lakho lomdlalo njengegama legalari (crystal-runner, lunar-fishing, nantoni na). Igama legalari lihlala libe yikhowudi yakho.

Inyathelo 3: Dibanisa igalari kwiVercel. Ngena kwiVercel nge-GitHub (simahla), cofa u"Add New Project", khetha igalari. IVercel iyayifumanisa ngokuzenzekelayo iVite kwaye iqwalasele ukwakha. Cofa ku-Deploy. Ngaphakathi kwemizuzwana engama-60 unekhonkco le-crystal-runner.vercel.app. Yivule kwiselfowuni yakho. Yibele omnye umhlobo. Ibha yokuphunyezwa ngoku iyimfihlakalo kuyo yonke enye impelawe.

NgoLwesiHlanu 8pm - 10pm: Bhala Uxwebhu loYilo

Inyathelo 4: Phendula imibuzo emihlanu ngesiNgesi esicacileyo. Vula iphepha le-Notion okanye ifayile ye-markdown ngaphakathi kwegalari kwaye uphendule:

  • Yintoni umdlali enza rhoqo kwimizuzwana emi-5? (umjikelo ophambili)
  • Yintoni imeko yokuphumelela kunye nemeko yokuphulukana?
  • Kude kangakanani ukudlala okanye inqanaba elinye?
  • Yintoni umzobo wokudala? (iphalethi, ukukhanyisa, in reference yesitayile)
  • Yintoni umsebenzi omnye owenza oku kungalibaliseki kwimizuzwana engama-30?

Inyathelo 5: Cinezela uxwebhu loyilo. Yibuyisele kwigalari. IVercel iyakuphinda iphunyezwe. Ingcaciso yokucinezela yonke utshintsho olubalulekileyo kugcina ikhonkco eliphila lithembekile.

Mgqibela 9am - 1pm: Yakha Umsebenzi Ophambili

Inyathelo 6: Faka endaweni yomzekelo womsebenzi wakho omnye. Lo ngumsebenzi omnye obalulekileyo. Sebenzisa incoko ye-Cursor ukuyichaza ("xa umdlali ethathela i-crystal, yiyeke iintshaba ezikufuphi kangangemizuzwana emi-2 kwaye udlale i-chime"). Jikeleza yasekhaya nge-pnpm dev. Xa ivakala ilungile, cinezela.

Inyathelo 7: Xhuma imeko yokuphumelela/yokuphulukana. Isakhiwo esingama-60 omzuzwana esinesiphelo sokwenene sibonakala njengomdlalo. Isakhiwo esingama-60 emizuzu ngaphandle kwesiphelo sibonakala njenge-tech demo. Soloko uxhuma isikrini sokuphumelela kuqala, emva koko yonke enye into.

Mgqibela 1pm - 8pm: Yongeza inqanaba eli-1

Inyathelo 8: Yakha inqanaba elinye eligqityiweyo. Hayi amathathu enziwe ngokungagqitywanga. Sebenzisa ii-cubes zomzekelo zezakhiwo. Sebenzisa umlinganiswa ongumzekelo wesakhono. Lungisa ivumba - ukuphakama kwejumphu, i-camera lag, i-particle intensity.

Inyathelo 9: Yongeza ipop-up yesifundo. Umthandazo wemibini "WASD ukuhambisa, cofa ukuqhuba" kwi-pop-up xa uvula kuqala kuhlenga ukuqalisa kwakho kubadlali abalahlekileyo abashiye phambili kwimizuzwana esi-8. I-Cursor ingenza ipop-up ye-React (okanye i-DOM vanilla) kwimizuzwana engama-30.

Inyathelo 10: Cinezela rhoqo ngeyure. Yonke into eyenziwayo ifumana ikhonkco lokuphononongwa kweVercel. Thumela ngalinye komnye umhlobo. Umjikelo wempendulo yingqwitheko yale nkqubo.

NgeCala 10am - 4pm: Umgangatho ongcono

Inyathelo 11: Yongeza izandi ezintathu. Umjikelo wesandi sezinyathelo, i-ambient pad, i-win sting. Ngapha koko izandi ezintathu ziphakamisa iprototype yempelawe kakhulu. Imithombo yasimahla: freesound.org, opengameart.org.

Inyathelo 12: Yongeza ijusi. Iipartsicles xa zitshona, ukutshabhala kwesikrini xa kukhutshwa, iipops zamanani xa kubalwa. Ijusi yiyo eyenza isakhiwo seeyure ezingama-48 sibonakale njengesakhiwo seenyanga ezisi-6 kwi-GIF. Buza i-Cursor ukuba yongeze "ukutshabhala kwesikrini kobunzima obungama-0.3 kangangemizuzwana eli-150 xa umdlali ethatha umonakalo" - iza kubhala i-hook yokutshabhala kwekhamera kwimizuzwana emihlanu.

Inyathelo 13: Yenza igxala le-Lighthouse. Vula ikhonkco leVercel kwiselfowuni kwaye usebenzise iChrome DevTools Lighthouse. Iibhloko ze-Three.js zihlala zingama-400 KB ukuya kwi-1.5 MB. Ukuba ngaphezu kwe-3 MB, buza i-Cursor ukuba yenze ikhowudi yokwahlulwa kwii-modules ezinzima. Ukuxinezeleka kweVercel kunye ne-brotli yiyo ezijongene nako konke.

Inyathelo 14: Ugqityo lweziphoso. Dlala ikhonkco lakho eliphila kahlanu ngokulandelelana. Lumeka konke okwahlulekayo kabini. Yeka konke okwahlulekayo kube kanye.

NgeCala 4pm - 8pm: Ukuqalisa

Inyathelo 15: (Uyazikhethela) Cofa isizinda sangokwezifiso. Ukuba uthenge i-name-game.com ngaphambili, yongeza kwiseto zephrojekthi zeVercel. I-SSL iyenzeka ngokuzenzekelayo. Ngaphandle koko ikhonkco le-*.vercel.app lilungile - linayo i-HTTPS, lingabiwa, kwaye liyavula kuyo yonke indawo.

Inyathelo 16: Ukhuphe i-GIF yemizuzwana eli-15 yomzuzu ongcono. Sebenzisa ikhonkco eliphila, hayi i-localhost. I-GIF yiyo ethathelwa ingqalelo kwi-Twitter, Bluesky, kunye neReddit.

Inyathelo 17: Yenza iphepha le-itch.io (uyazikhethela kodwa libalulekile). Isihloko, islogani somgca omnye, imifanekiso emithathu, i-GIF, ulawulo, izitifiketi, kunye ne-embed yekhonkco lakho le-*.vercel.app iframe (i-itch.io ixhasa ii-embed ze-iframe zemidlalo ye-HTML5). Ngoku unamakhonkco amabini - elinye lokwabelana ngokungajonganga nelinye labalandeli bemidlalo.

Inyathelo 18: Beka ikhonkco. Twitter, Bluesky, idiskhrithi yomphakathi wabakhi bakho, r/IndieDev, r/threejs, r/WebGames. Soloko uqala nge-GIF. Soloko ubandakanya ikhonkco. Ukuba usebenzise isakhono seVibe Skills, khankanya oku kwisithuba seendaba zokwakha - abanye abaqhubi abafunda ngayo bayafuna isiqalo esifanayo.


Ungaliphepha njani ukuphunyezwa okungaphumelelanga kweVercel okusithathu okuqhelekileyo

Izinto ezintathu ziphuma phambili kwimpelawe yonke yempelawe ye-Three.js + Vercel. Zonke ziizilungiso zemizuzwana emi-5 ukuba uzibonile ngoLwesiHlanu ebusuku, kwaye zi iyure ezintlanu zokugxuma iingulube ukuba uzifumana ngeCala ngolwesi-7pm.

  • Indawo yokuphuma yokwakha engalunganga. IVite iyazenzekelayo i-dist/. IVercel iyayifumanisa ngokuzenzekelayo iVite kwaye isebenzise i-dist/. Ukuba utshintshile indawo yokuphuma, cwangcisa i-outputDirectory kwi-vercel.json okanye kuseto lwephrojekthi okanye ukuphunyezwa kwakho kuyakuba yi-404.
  • Iikhonkco zesakhiwo ezisebenza yasekhaya kodwa ziphuma zibuyise i-404 kwimveliso. Sebenzisa iikhonkco ezihambelanayo okanye uncedisi lwe-Vite import.meta.env.BASE_URL kuyo nayiphi na ifayile ye-GLB, iteksti, okanye ifayile yomsindo ebalulwe ngexesha lokusebenza. Iikhonkco ezingama-hardcoded ze-/assets/... zihlala zisebenza, kodwa iikhonkco zeWindows ezingama-hardcoded ngeke zenze njalo.
  • Imicimbi ye-CSP evimba ukutshixa imouse okanye i-audio context. Imidlalo yomntu wokuqala ifuna ukutshixa imouse. Iaudiyo ifuna ukuvunywa kokuphuma komsebenzisi. Nakuphi na isakhono kwi3D Games category sithumela ibhloko ye-headers kwi-vercel.json ukujongana nale nto. Ukuba ubhale eyakho ukusuka ekuqaleni, kopisha uqwalaselo kwigalari yesakhono.

Ukuphunyezwa kusebenza ngoLwesiHlanu, ngoko xa ezi ziba mbi ngeCala lihlala libangelwa lutshintsho olutsha. git bisect yihlobo lakho. Ngaphezu koko: qhubeka nokucinezela rhoqo kwimizuzu engama-30 ukuze isakhiwo esibi sibe sikhulu.


Imibuzo Ebuza Rhoqo

Ngaba inqanaba lasimahla leVercel lingawuthwala ngokwenene ukuba umdlalo wam ufumana ubudlelwane?

Ewe kukuqalisa kwempelawe kunye neeveki zokuqala. Inqanaba lasimahla likunika i-100 GB yebandwidth ngenyanga, nto leyo malunga nama-20,000 okudlala isakhiwo se-Three.js esingama-5 MB. Ukuba ufikelela kule ntlanganiso, iPro plan yi-$20/inyanga kwaye ikubuyisela kwi-1 TB. Kukuqalisa kwempelawe, imfihlakalo yanele. Imisebenzi kwiVibe Skills ithumela uqwalaselo lokwakha olunciphisa ubungakanani bebhloko, nto leyo eyenza inqanaba lasimahla lisebenze ngokubanzi.

Ngaba ndingasebenzisa isizinda sangokwezifiso kwinqanaba lasimahla leVercel?

Ewe. Inqanaba lasimahla lixhasa izizinda zangokwezifiso kunye ne-HTTPS ezenzekelayo. Thenga isizinda (Namecheap, Cloudflare Registrar, Porkbun), sibeke kwiVercel, kwaye iVercel ijongana nesatifikethi se-SSL. Uqwalaselo luthatha malunga nemizuzu eli-10. Ukuba awunaso isizinda, ikhonkco le-name-game.vercel.app lifutshane ngokwaneleyo ukuba libe nobuhlobo kuyo nayiphi na iplatifomu.

Ngaba le nkqubo ilungile kumdlalo ojikelezayo?

Ewe, kwaye yenye yezona nkqubo zingcono kukunikezela ngemidlalo. Uninzi lwemidlalo (Ludum Dare, GMTK, js13k, GitHub Game Off) lwamkele nayiphi na ikhonkco elidlala kwiwebhu. Ikhonkco le-*.vercel.app lisebenza kanye njengekhonkco le-itch.io koqwalaselo. Abaninzi abaphumelele imidlalo banikezela kwiZonke - i-itch.io kubalandeli bemidlalo, iVercel njengekhonkco elikhawulezayo nelingaguquguqukiyo.

Ngaba ndifuna ukwazi iThree.js ngaphambi kokuba ndiqale?

Ufuna iJavaScript eyoneleyo ukufunda oko iCursor iyibhala kwaye ulungelelanise amaxabiso. Akufuneki ubhale iThree.js ukusuka ekuqaleni. Imisebenzi kwiVibe Skills yenza indawo yomshini, ikhamera, umphathi, kunye noqwalaselo lokwakha. I-Cursor ijongana nekhowudi yobudlalo yenkcazo yakho.

Kwenzeka ntoni ukuba ukuphunyezwa kweVercel kwam kube mbi ngeCala ngolwesi-7pm?

Impambano eqhelekileyo yimpazamo yeTypeScript okanye i-env var enqwenayo. IVercel ibonisa ubume bokwakha kunye nomgca oxhonyiweyo okhanyisiweyo. Ucofa kube kanye kwi-dashboard kuyayibuyisela kwisizwe sokugqibela esisebenza siyiyeke siyibuyisela kwimveliso. Kuba yonke into eyenziwayo iyona nto yokujonga, awusoze ube kude kunye nokwakha okusebenzayo. Ngala ndlela zonke, ukucinezela rhoqo kwimizuzu engama-30 ngomgqibela nangeCala kubalulekile.

Ngaba ndingathengisa okanye nditshintshe ikhowudi evela kwisakhono semidlalo ye-3D seVibe Skills?

Ewe. Imisebenzi kwiVibe Skills ithumela kunye nelayisensi ehambelana nezorhwebo evumela ukuba ubeke ikhowudi kumdlalo wakho kwiVercel, itch.io, Steam, okanye naphi na. Abadali bagcina i-IP yesakhono, wena ugcina i-IP yomdlalo owakhiwe phezu kwayo.

Kutheni ukuba andifuni ukusebenzisa i-Cursor?

Nawuphi na umhleli we-AI onokuhlela iifayile zephrojekthi uyasebenza. Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - nawuphi na kuzo unokujikeleza kwisakhiwo se-Three.js esivela kwisakhono seVibe Skills. Isakhono ngokwaso asixhomekekanga kumhleli.


Yenza loo nto kule Mpelawe

Isizathu sokuba uninzi lwabaqhubi abazimeleyo bangalubuyiseli umdlalo we-3D ayisiyiyo injini, uhlobo, okanye isakhono sesilingi. Yiyo ingolwe yamaNtloko ngoLwesiHlanu apho "bahlola nje kancinci" kwaye bangazange baqalise. Ngempelawe yasimahla elandelayo onayo, landela ishedyuli yamaxesha amane: faka isakhono semidlalo ye-3D seVibe Skills, cinezela kwi-GitHub, dibanisa iVercel, phumeza ngoLwesiHlanu 8pm, emva koko uchithe umgqibela nangeCala ujikeleza kwikhonkco eliphila.

Igalari yakho yeenkobe ezilishumi zemidlalo yeempelawe eziphunyezwe kwiVercel ixabisa ngaphezu kweprojekthi yakho yeenjini yamaphupha yeenyanga ezintandathu. Oku kuphunyezwa kuhlala kuphumelela. Ikhonkco lasimahla leVercel yobungqina.

Bona izakhono zemidlalo ye-3D kwiVibe Skills →


Skip the Three.js boilerplate marathon. Faka isakhono semidlalo ye-3D kwiVibe Skills, cinezela kwiVercel, kwaye ube nekhonkco eliphila ngaphambi kweCala ebusuku.

Indlela Yokuthumela Umdlalo we-3D Kwi-Vercel Ngale Mpelawekhi (Ngezi-AI Skills) - Vibe Skills preview
Vibe Skills
Vibe Skills

Phonononga amakhulu eengqalelo ezilungiselelwe i-Claude, i-Cursor, kunye nokunye.