Ինչպես այս հանգստյան օրերին թողարկել 3D խաղ Vercel-ում (AI հմտություններով)

Ուրբաթ գաղափար, կիրակի՝ կենդանի URL: The Three.js + Cursor + Vibe Skills + Vercel free tier playbook-ը 3D խաղ առաքելու 48 ժամվա ընթացքում։

3D GamesVercelThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
9,623
Ինչպես այս հանգստյան օրերին թողարկել 3D խաղ Vercel-ում (AI հմտություններով) - Vibe Skills preview
Vibe Skills
Vibe Skills

Ուսումնասիրեք հարյուրավոր պատրաստի հմտություններ Claude-ի, Cursor-ի և այլոց համար:

Շաբաթավերջին Vercel-ում 3D խաղի թողարկում. 48-ժամյա deployment-ի ուղեցույց

Ուրբաթ երեկոյան դուք կարող եք հասնել your-game.vercel.app հղումին մինչև կիրակի երեկոյան supper: Օգտագործվող տեխնոլոգիաներն են Three.js, Cursor, AI հմտություն Vibe Skills կայքից և Vercel-ի անվճար տարբերակը։ Շաբաթավերջի ընդհանուր արժեքը՝ 0$: Կառուցվածք, որը պետք է հոգալ՝ նույնպես 0$:

Սա ոչ թե «ստեղծիր նախատիպ քո նոութբուքում և համարիր ավարտված»։ Սա հանրային URL է, որը ցանկացած մեկը աշխարհում կարող է բացել բրաուզերում, HTTPS-ով, edge caching-ով և, եթե ցանկանաք, անհատական դոմենով։ AI հմտությունը ապահովում է Three.js scaffolding-ը և աշխատող vercel.json ֆայլը։ Cursor-ը կառավարում է կրկնության ցիկլը։ Vercel-ը կառավարում է deployment-ը։ Դուք կառավարում եք դիզայնը։

Այս ուղեցույցը նախատեսված է անկախ ծրագրավորողների, vibe ծրագրավորողների, hackathon-ի մասնակիցների և բոլոր նրանց համար, ովքեր հոգնել են կեսաթող ված localhost:5173 ներդիրներից։ Մենք կքննարկենք, թե ինչու է այս տեխնոլոգիական կույտը աշխատում, 48-ժամյա deployment-ի կառուցվածքը, հինգ 3D խաղի հմտություններ, որոնք մշակված են աշխատանքային հոսքի համար, և ուրբաթից կիրակի քայլ առ քայլ։


Ինչպես այս հանգստյան օրերին թողարկել 3D խաղ Vercel-ում (AI հմտություններով) - Vibe Skills preview
Vibe Skills
Vibe Skills

Ուսումնասիրեք հարյուրավոր պատրաստի հմտություններ Claude-ի, Cursor-ի և այլոց համար:

Ինչու Vercel + Three.js + AI հմտությունները կազմում են Solo Dev Stack

Vercel-ը ամենաոնչ աշխատանք պահանջող deployment target-ն է 3D խաղի համար: Push դեպի GitHub, Vercel-ը նկատում է, կառուցում է նախագիծը և 60 վայրկյանում վերադարձնում է URL: Ոչ մի սերվեր չպետք է ապահովել, ոչ մի Docker ֆայլ, ոչ մի NGINX կոնֆիգուրացիա, ոչ մի SSL setup: Three.js bundle-ը պարզապես static HTML, JS և WebGL ակտիվներ են, ինչը ճիշտ այն է, ինչի համար Vercel-ի edge network-ը մշակվել է։

Անվճար տարբերակը հարմարավետ ծածկում է շաբաթավերջի մեկնարկը.

  • 100 GB bandwidth ամսական: 5 MB Three.js bundle-ը 10,000 խաղի համար կկազմի 50 GB: Դուք կսպառեք շաբաթավերջը, մինչև կսպառեք bandwidth-ը։
  • Անսահմանափակ static deploys HTTPS-ով և *.vercel.app ենթադոմենով։
  • Անհատական դոմենի աջակցություն անվճար տարբերակում - եթե ունեք name-game.com, կարող եք օգտագործել, հակառակ դեպքում անվճար vercel.app URL-ը կարելի է տարածել բոլոր սոցիալական հարթակներում։
  • Preview deploys յուրաքանչյուր commit-ի համար - յուրաքանչյուր push ստանում է իր URL-ը, այնպես որ դուք կարող եք build-ը կիսել ընկերոջ հետ և շարունակել կրկնությունը՝ չփչացնելով այն։

Ավելացրեք AI հմտություն Vibe Skills կայքից, և boilerplate-ը ևս կանհետանա։ Three.js scene setup-ը, player controller-ը, build pipeline-ը և Vercel-պատրաստ vercel.json ֆայլը գեներացվում են մեկ հրամանով։ Այնուհետև Cursor-ը վերածում է շաբաթավերջի մնացած մասը զրույցի, որտեղ դուք նկարագրում եք ցանկալի խաղախաղը և կարգավորում եք արդյունքը։ Սա ամբողջական stack-ն է. marketplace հմտություն հիմքի համար, AI խմբագիր կրկնության համար, և Vercel deployment-ի համար։ Անհատական, անվճար և արագ։


Ինչպես այս հանգստյան օրերին թողարկել 3D խաղ Vercel-ում (AI հմտություններով) - Vibe Skills preview
Vibe Skills
Vibe Skills

Ուսումնասիրեք հարյուրավոր պատրաստի հմտություններ Claude-ի, Cursor-ի և այլոց համար:

48-ժամյա կառուցվածք. Ուրբաթ գաղափարից մինչև Կիրակի deployment

Ամեն շաբաթավերջի իրականացված թողարկում հետևում է նույն քայլերին։ Խորամանկությունը ուրբաթ օրը պլանավորել deployment-ը, ոչ թե կիրակի կեսօրին, որպեսզի վերջին վեց ժամերը անցկացվեն polishing-ի վրա, այլ ոչ թե build-ի սխալների հետ պայքարելու։

ՓուլԺամանակահատվածԻ՞նչ եք անումՓուլի վերջում ի՞նչ է թողարկվում
Փուլ 1. ԳաղափարՈւրբաթ 18:00 - 22:00Ընտրել ժանր, գրել 1-էջանոց դիզայն փաստաթուղթ, տեղադրել Vibe Skills 3D խաղի հմտություն, push անել սկզբնական կոդը GitHub, միացնել VercelՈւղիղ եթերում name-game.vercel.app URL boilerplate scene-ով
Փուլ 2. ԿառուցումՇաբաթ 09:00 - 20:00Փոխարինել placeholder-ը հիմնական մեխանիզմով, ավելացնել 1 մակարդակ, աշխատեցնել հաղթանակ/պարտություն վիճակըԽաղալի build նույն Vercel URL-ով, ավտոմատ deploy յուրաքանչյուր push-ի համար
Փուլ 3. ՓոլիշինգԿիրակի 10:00 - 16:00Ձայն, juice, tutorial popup, bug pass, կատարողականության ստուգում բջջայինումBuild, որը չի փչանա առաջին 60 վայրկյանների ընթացքում ցանկացած սարքի վրա
Փուլ 4. ՄեկնարկԿիրակի 16:00 - 20:00Սահմանել անհատական դոմեն (ըստ ցանկության), ձայնագրել GIF, գրել itch.io էջ, տեղադրել հղումըPublic URL + itch.io էջ + մեկնարկային գրառում սոցիալական ցանցերում

Ինչու սա աշխատում է, դա ուրբաթ օրվա push-ն է դեպի Vercel: Երբ URL-ը գոյություն ունի, յուրաքանչյուր շաբաթ և կիրակի commit ավտոմատ կերպով deploy է լինում։ «Կիրակի երեկոյան deployment-ի խուճապ» չի լինում, քանի որ deployment-ը արդեն տեղի է ունեցել ուրբաթ օրը և աշխատել է ավտոմատ ռեժիմով ամբողջ շաբաթավերջին։


Ինչպիսին է «Vibe Coding»-ը 3D խաղի վրա Vercel-ում

Vibe coding նշանակում է նկարագրել, թե ինչ եք ցանկանում, պարզ անգլերենով և թույլ տալ AI խմբագրին գրել կոդը, այնուհետև կրկնել արդյունքը։ 3D խաղի համար Vercel-ում, ցիկլը անսովոր մաքուր է. Cursor-ի յուրաքանչյուր փոփոխություն pnpm dev հեռու է տեղական հետադարձ կապից, այնուհետև git push հեռու է ուղիղ preview URL-ից, այնուհետև ավտոմատ deploy է արվում արտադրության համար main-ում։

Vibe-coded Vercel խաղի շաբաթավերջը այսպիսին է.

  1. Open the skill's starter folder in Cursor.
  2. Describe a feature in chat: "double jump if space is pressed twice within 200ms".
  3. Cursor edits the controller file. Save. pnpm dev reloads. You feel the jump in the browser.
  4. If it feels right, git push. Vercel builds a preview URL. Send it to a friend.
  5. Merge to main when the feel is locked. Production URL updates within 60 seconds.

AI-ն անում է typing-ը։ Vercel-ը անում է deployment-ը։ Դուք անում եք feel-ը և դիզայնը։


5 AI 3D Խաղի Հմտություններ, Որոնք Դա Հնարավոր են Դարձնում Vibe Skills-ում

Այս հմտությունները մշակված են Vercel + Three.js + Cursor շաբաթավերջի աշխատանքային հոսքի համար։ Յուրաքանչյուրը ունի Vite-ի վրա հիմնված Three.js նախագիծ, աշխատող vercel.json, pnpm build, որը արտադրում է Vercel-ի կողմից edge-ից սպասարկվող static bundle, և փորձարկված deployment ուղի։ Բոլորը գտնվում են 3D Games կատեգորիայում Vibe Skills-ում։

1. Three.js + Vercel Game Starter

Default ընտրությունը։ Ստեղծում է Three.js scene player controller-ով, third-person camera-ով, lighting rig-ով, skybox-ով և collision-ներով ground plane-ով։ Այն ունի vercel.json ֆայլ, որը սահմանում է ճիշտ caching header-ները Three.js asset bundle-ների համար։ pnpm dev-ը աշխատում է տեղական, իսկ Vercel dashboard-ում մեկ սեղմում միացնում է GitHub repository-ն, և դուք ունեք ուղիղ URL:

Լավագույնը ցանկացած ժանրի համար, բացի մաքուր 2D-ից։ Օգտագործեք սա, եթե դեռ չգիտեք, թե ինչ եք կառուցում։

2. First-Person Vercel Walker

Փոլիշինգով first-person controller (WASD + mouse pointer lock + gravity + sprint + jump) footstep hooks-ով, head-bob-ով և vercel.json ֆայլով, որը ճիշտ է կառավարում pointer-lock CSP header-ները։ Սա շատ solo dev-ների մոտ խնդիր է առաջացնում արտադրության մեջ։ Հմտությունը լուծում է այն ձեր համար։

Լավագույնը walking sims-ների, horror նախատիպերի, narrative խաղերի, թանգարանային ցուցադրությունների համար։

3. Browser Arena Shooter Kit

Top-down arena (twin-stick controller, wave spawner, basic enemy AI, projectile system, score HUD) Vercel-optimized build-ով, որը gzips-ում է ակտիվները, code-splits-ում է AI-ն և lazy-loads-ում է երաժշտությունը։ Multiplayer hooks-ը ներառված են; շաբաթավերջը թողարկում է single-player։

Լավագույնը arcade shooters-ների, bullet hell-ի, jam entries-ների համար, որոնք պետք է արագ բեռնվեն բջջայինում։

4. Vercel Puzzle Platformer

Third-person platformer (variable jump, coyote time, ledge detection), checkpoints, երեք stub մակարդակ, որոնք կարող եք խմբագրել Blender-ում կամ կոդով, և respawn ցիկլ։ vercel.json ֆայլը կոնֆիգուրացված է instant edge-cached մակարդակի վերաբեռնման համար, այնպես որ playtesting-ը զգացվում է snappy բջջայինում։

Լավագույնը puzzle platformers-ների, parkour նախատիպերի, level-design փորձերի համար։

5. Vercel Driving Sandbox

Arcade driving feel (acceleration curve, drift physics, camera lag, basic terrain) low-poly մեքենայով, track template-ով և deploy-ով, որը tune-ված է մեծ terrain meshes-ների համար։ Preset HTTP header-ները WebGL context-ը ավելի արագ են սկսում Safari-ում, պատմականորեն ամենադանդաղ բրաուզերում Three.js-ի համար։

Լավագույնը arcade racing-ի, off-road driving-ի, մեքենայի feel demo-ների համար portfolio-ի համար։

Դիտեք բոլոր 3D խաղերի հմտությունները Vibe Skills-ում →


Ուրբաթից-Կիրակի Քայլ առ Քայլ

Սա ճիշտ ժամանակացույցն է։ Կարգավորեք մեկնարկի ժամանակը, բայց պահպանեք հերթականությունը։ Հիմնական կարևոր իրադարձությունը ուրբաթ երեկոյան Vercel deployment-ն է։ Այնուհետև ամեն ինչ կրկնություն է։

Ուրբաթ 18:00 - 20:00. Ընտրեք Հմտություն, Push դեպի GitHub, Միացրեք Vercel

Քայլ 1: Ընտրեք 3D խաղի հմտություն Vibe Skills-ում։ Դիտեք 3D Games կատեգորիան, ընտրեք այն, որը համապատասխանում է ձեր ժանրին, և տեղադրեք starter-ը նոր թղթապանակում։ Բացեք այն Cursor-ում։ Դուք պետք է տեսնեք Three.js scene շարժվող խաղացողով մինչև 19:00։

Քայլ 2: Ստեղծեք GitHub repo և push արեք։ git init, git remote add, git push։ Օգտագործեք ձեր խաղի slug-ը որպես repo անուն (crystal-runner, lunar-fishing, ինչ էլ որ լինի)։ Repo-ի անունը հաճախ դառնում է ձեր URL-ը։

Քայլ 3: Միացրեք repo-ն Vercel-ին։ Մուտք գործեք Vercel GitHub-ով (անվճար), սեղմեք "Add New Project", ընտրեք repo-ն։ Vercel-ը ավտոմատ կերպով հայտնաբերում է Vite-ը և կոնֆիգուրացնում է build-ը։ Սեղմեք Deploy։ 60 վայրկյանում դուք կունենաք crystal-runner.vercel.app URL։ Բացեք այն ձեր հեռախոսով։ Կիսվեք մեկ ընկերոջ հետ։ Deployment bar-ը այժմ 0 է մնացած շաբաթավերջի համար։

Ուրբաթ 20:00 - 22:00. Գրեք Դիզայն փաստաթուղթը

Քայլ 4: Պատասխանեք հինգ հարցի պարզ անգլերենով։ Բացեք Notion էջ կամ markdown ֆայլ repo-ի մեջ և պատասխանեք.

  • Ի՞նչ է անում խաղացողը ամեն 5 վայրկյանը։ (հիմնական ցիկլը)
  • Ի՞նչ է հաղթանակի և պարտության պայմանը։
  • Որքան է մեկ run-ը կամ մեկ մակարդակը։
  • Ի՞նչ է visual hook-ը։ (palette, lighting, style reference)
  • Ի՞նչ է այն մեկ առանձնահատկությունը, որը այն հիշարժան է դարձնում 30 վայրկյանում։

Քայլ 5: Commit արեք դիզայն փաստաթուղթը։ Push արեք այն repo-ին։ Vercel-ը նորից կdeploy-ի։ Յուրաքանչյուր նշանակալի փոփոխության push-ի կարգապահությունը պահում է ուղիղ URL-ը ազնիվ։

Շաբաթ 09:00 - 13:00. Կառուցեք Հիմնական Մեխանիզմը

Քայլ 6: Փոխարինեք placeholder մեխանիզմը ձեր մեկ առանձնահատկությամբ։ Սա միակ կարևոր առանձնահատկությունն է։ Օգտագործեք Cursor զրույցը՝ նկարագրելու համար ("երբ խաղացողը բյուրեղ է վերցնում, սառեցրեք մոտակա թշնամիներին 2 վայրկյանով և նվագեք չիփ")։ Կրկնել տեղական pnpm dev։ Երբ զգացվում է ճիշտ, push արեք։

Քայլ 7: Միացրեք հաղթանակ/պարտություն վիճակը։ 60-վայրկյանանոց build-ը իրական վերջավորությամբ զգացվում է խաղի պես։ 60-րոպեանոց build-ը առանց վերջավորության զգացվում է tech demo-ի պես։ Միշտ նախ միացրեք հաղթանակի էկրանը, այնուհետև ամեն ինչ մնացածը։

Շաբաթ 13:00 - 20:00. Ավելացրեք Մեկ Մակարդակ

Քայլ 8: Կառուցեք մեկ փոլիշինգով մակարդակ։ ոչ թե երեք կես baked մակարդակ։ Օգտագործեք placeholder cubes-ը geometry-ի համար։ Օգտագործեք skill-ի stock character-ը։ Tune feel - jump height, camera lag, particle intensity։

Քայլ 9: Ավելացրեք tutorial overlay։ "WASD move, click to fire" երկու նախադասությամբ popup առաջին գործարկման ժամանակ փրկում է ձեր մեկնարկը շփոթված խաղացողներից, ովքեր հանձնվում են 8 վայրկյանում։ Cursor-ը կարող է գեներացնել React (կամ vanilla DOM) overlay-ը 30 վայրկյանում։

Քայլ 10: Push արեք ամեն ժամ։ Յուրաքանչյուր push ստանում է Vercel preview URL։ Ուղարկեք յուրաքանչյուրը ընկերոջը։ Հետադարձ կապի ցիկլը այս stack-ի գաղտնի զենքն է։

Կիրակի 10:00 - 16:00. Փոլիշինգ

Քայլ 11: Ավելացրեք երեք ձայն։ Footstep loop, ambient pad, win sting։ Նույնիսկ երեք ձայնը զգալիորեն բարձրացնում է շաբաթավերջի նախատիպը։ Անվճար աղբյուրներ՝ freesound.org, opengameart.org։

Քայլ 12: Ավելացրեք juice։ Particles on hit, screen shake on impact, number popups on score։ Juice-ը այն է, ինչը 48-ժամյա build-ը դարձնում է 6-ամսյա build-ի նման GIF-ում։ Խնդրեք Cursor-ին ավելացնել "screen shake of intensity 0.3 for 150ms when the player takes damage" - այն կգրի camera-shake hook-ը հինգ վայրկյանում։

Քայլ 13: Run Lighthouse pass։ Open Vercel URL-ը բջջայինում և run Chrome DevTools Lighthouse։ Three.js bundles-ը սովորաբար կազմում են 400 KB-ից 1.5 MB։ Եթե 3 MB-ից ավելի է, խնդրեք Cursor-ին միացնել code splitting-ը ծանր մոդուլների վրա։ Vercel-ի gzip և brotli կհոգան մնացածի մասին։

Քայլ 14: Bug pass։ Խաղացեք ձեր ուղիղ URL-ը հինգ անգամ անընդմեջ։ Fixեք ցանկացած բան, որը երկու անգամ է breakվում։ Փչացրեք ցանկացած բան, որը մեկ անգամ է breakվում։

Կիրակի 16:00 - 20:00. Մեկնարկ

Քայլ 15: (Ըստ ցանկության) Սահմանեք անհատական դոմեն։ Եթե նախապես գնել եք name-game.com, ավելացրեք այն Vercel-ի project settings-ում։ SSL-ը ավտոմատ է։ Հակառակ դեպքում *.vercel.app URL-ը նորմալ է - այն ունի HTTPS, այն կարելի է կիսել, և այն բեռնվում է ամենուր։

Քայլ 16: Ձայնագրեք 15-վայրկյանանոց GIF լավագույն պահի։ Օգտագործեք ուղիղ URL-ը, ոչ թե localhost-ը։ GIF-ը այն է, ինչը clickվում է Twitter-ում, Bluesky-ում և Reddit-ում։

Քայլ 17: Ստեղծեք itch.io էջ (ըստ ցանկության, բայց բարձր ազդեցությամբ)։ Խորագիր, մեկ-տողանոց tag line, երեք screen shot, GIF-ը, controls, credits, և embed ձեր *.vercel.app iframe-ը (itch.io-ն աջակցում է iframe embeds HTML5 խաղերի համար)։ Այժմ դուք ունեք երկու URL - մեկը casual sharing-ի համար և մեկը gamer audience-ի համար։

Քայլ 18: Post արեք հղումը։ Twitter, Bluesky, ձեր dev community Discord, r/IndieDev, r/threejs, r/WebGames։ Միշտ առաջնորդվեք GIF-ով։ Միշտ ներառեք URL-ը։ Եթե օգտագործել եք Vibe Skills skill, հիշատակեք այն devlog գրառման մեջ - այլ ծրագրավորողներ, ովքեր կարդում են, կցանկանան նույն starter-ը։


Ինչպես խուսափել Vercel Deploy-ի Երեք ամենատարածված Ձախողումներից

Երեք բան են փչացնում գրեթե յուրաքանչյուր solo Three.js + Vercel շաբաթավերջ։ Բոլոր երեքը 5-րոպեանոց fix-եր են, եթե դուք դրանք բռնեք ուրբաթ երեկոյան, և 5-ժամյա rabbit holes, եթե դուք դրանք հայտնաբերեք կիրակի 19:00-ին։

  • Wrong build output directory: Vite-ը defaults-ում ունի dist/։ Vercel-ը ավտոմատ կերպով հայտնաբերում է Vite-ը և օգտագործում dist/։ Եթե դուք custom-ացրել եք output-ը, սահմանեք outputDirectory vercel.json-ում կամ project settings-ում, կամ ձեր deployment-ը կլինի 404։
  • Asset paths that work locally but 404 in production: Use relative paths or the Vite import.meta.env.BASE_URL helper for any runtime-loaded GLB, texture, or audio file. Hardcoded /assets/... paths usually work, but copy-pasted absolute Windows paths absolutely will not.
  • CSP headers that block pointer lock or audio context: First-person games need pointer lock. Audio needs user-gesture activation. Any skill from the 3D Games category ships with the right headers block in vercel.json to handle this. If you wrote your own from scratch, copy the config from the skill's repo.

Deployment-ը աշխատում է ուրբաթ օրը, այնպես որ, երբ սրանք breakվում են կիրակի, այն միշտ վերջին փոփոխության պատճառով է։ git bisect ձեր ընկերն է։ Ավելին ևս։ keep pushing every 30 minutes so the broken commit is small.


Հաճախ Տրվող Հարցեր

Vercel-ի անվճար տարբերակը իսկապես կդիմանա, եթե իմ խաղը ունենա traffic։

Այո, շաբաթավերջի մեկնարկի և առաջին մի քանի շաբաթների համար։ Անվճար տարբերակը ձեզ տալիս է 100 GB bandwidth ամսական, ինչը մոտավորապես 20,000 խաղ է 5 MB Three.js build-ի համար։ Եթե դուք հասնեք այս առավելագույն սահմանին, Pro plan-ը 20$/ամիս է և ձեզ բարձրացնում է 1 TB-ի։ Շաբաթավերջի թողարկման համար, անվճարը ավելին քան բավարար է։ Vibe Skills-ի հմտությունները ունեն build կոնֆիգուրացիաներ, որոնք minimiz-ում են bundle size-ը, ինչը ավելի երկար է ձգում անվճար տարբերակը։

Կարո՞ղ եմ օգտագործել անհատական դոմեն Vercel-ի անվճար տարբերակում։

Այո։ Անվճար տարբերակը աջակցում է անհատական դոմեններ ավտոմատ HTTPS-ով։ Գնեք դոմեն (Namecheap, Cloudflare Registrar, Porkbun), ուղղեք այն Vercel-ին, և Vercel-ը կհոգա SSL սերտիֆիկատի մասին։ Setup-ը տևում է մոտ 10 րոպե։ Եթե դուք չունեք դոմեն, name-game.vercel.app URL-ը բավականին կարճ է, որպեսզի կիսվի ցանկացած հարթակում։

Արդյո՞ք այս stack-ը լավ է game jam submission-ի համար։

Այո, և դա game jam submission-ների համար լավագույն stack-ներից մեկն է։ Շատ jams (Ludum Dare, GMTK, js13k, GitHub Game Off) ընդունում են ցանկացած web-playable URL։ *.vercel.app հղումը աշխատում է exactly itch.io URL-ի պես դատավորների համար։ Շատ jam winners-ներ deploy են անում երկուսն էլ - itch.io gamer audience-ի համար, Vercel-ը որպես արագ canonical URL։

Պե՞տք է իմանալ Three.js-ը մինչև սկսելը։

Դուք պետք է ունենաք JavaScript-ի բավարար իմացություն, որպեսզի կարդաք, թե ինչ է գրում Cursor-ը և tune անեք արժեքները։ Ձեզ հարկավոր չէ Three.js գրել scratch-ից։ Vibe Skills-ի հմտությունները գեներացնում են engine setup-ը, camera-ն, controller-ը և build config-ը։ Cursor-ը կառավարում է gameplay code-ը ձեր նկարագրություններից։

Ի՞նչ է լինում, եթե իմ Vercel build-ը fail-վում է կիրակի 19:00-ին։

Ամենատարածված պատճառը TypeScript error-ն է կամ բացակայող env var-ը։ Vercel-ը ցույց է տալիս build log-ը՝ failing line-ը highlight-ով։ Մեկ click dashboard-ում rollback-ում է վերջին աշխատող deployment-ին և prompot-ում է այն արտադրության։ Քանի որ յուրաքանչյուր push preview deployment է, դուք երբեք ավելի քան մեկ commit չեք հեռու աշխատող build-ից։ Ահա թե ինչու է կարևոր push անել ամեն 30 րոպեն շաբաթ և կիրակի։

Կարո՞ղ եմ վաճառել կամ փոփոխել Vibe Skills 3D game skill-ի կոդը։

Այո։ Vibe Skills-ի հմտությունները shipվում են commercial-friendly license-ով, որը թույլ է տալիս ձեզ թողարկել կոդը ձեր սեփական խաղում Vercel-ում, itch.io-ում, Steam-ում կամ ցանկացած այլ տեղ։ Ստեղծողները պահում են skill-ի IP-ն, դուք պահում եք վերևում կառուցված խաղի IP-ն։

Ի՞նչ, եթե ես չեմ ցանկանում օգտագործել Cursor-ը։

Ցանկացած AI խմբագիր, որը կարող է խմբագրել project files-ը աշխատում է։ Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - ցանկացածը կարող է iterate անել Three.js scaffolding-ը Vibe Skills skill-ից։ Skill-ը ինքը editor-agnostic է։


Ship It This Weekend

Պատճառը, որ շատ solo dev-ներ երբեք չեն ship-ում 3D խաղ, ոչ թե engine-ի, ժանրի կամ skill ceiling-ի պատճառով է։ Դա ուրբաթ երեկոն է, երբ նրանք "պարզապես ավելի շատ են հետազոտում" և երբեք չեն սկսում։ Հաջորդ ազատ շաբաթավերջին, հետևեք չորս-փուլ պլանին. տեղադրեք Vibe Skills 3D game skill, push դեպի GitHub, միացրեք Vercel, deploy արեք ուրբաթ 20:00-ին, այնուհետև անցկացրեք շաբաթ և կիրակի կրկնելով ուղիղ URL-ի վրա։

Ձեր portfolio-ն տասը շաբաթավերջին ship-ված խաղեր Vercel-ում ավելի արժեքավոր է, քան ձեր հիպոթետիկ վեց-ամսյա dream engine project-ը։ Ship-վածը միշտ հաղթում է։ Անվճար Vercel URL-ը ապացույցն է։

Դիտեք 3D խաղերի հմտությունները Vibe Skills-ում →


Բաց թողեք Three.js boilerplate marathon-ը։ Install 3D game skill on Vibe Skills, push դեպի Vercel, և ունեցեք ուղիղ URL մինչև կիրակի երեկոյան։

Ինչպես այս հանգստյան օրերին թողարկել 3D խաղ Vercel-ում (AI հմտություններով) - Vibe Skills preview
Vibe Skills
Vibe Skills

Ուսումնասիրեք հարյուրավոր պատրաստի հմտություններ Claude-ի, Cursor-ի և այլոց համար: