Энэ долоо хоногт 3D тоглоомыг Vercel дээр хэрхэн гаргах вэ (AI ур чадвараар)

Баасан гаригийн санаа, Ням гаригийн шууд URL. Three.js + Cursor + Vibe Skills + Vercel үнэгүй түвшний тоглоомыг 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 цагийнDeploy Playbook

Баасан гарагийн орой хоосноос Ням гарагийн оройн хоол хүртэл your-game.vercel.app холбоос руу очих боломжтой. Stack нь Three.js, Cursor, Vibe Skills -ээс авсан AI ур чадвар, Vercel-ийн үнэгүй хэсэг. Амралтын нийт зардал: $0. Таны арчлах ёстой cơ sở hạ tầng: бас тэг.

Энэ бол "прототипээ лаптоп дээрээ хийгээд дууслаа гэж бодох" зүйл биш. Энэ бол хэн ч браузер дээр нээж болох, HTTPS, edge caching, мөн хүссэн тохиолдолд өөрийн домэйн бүхий нийтийн URL юм. AI ур чадвар нь Three.js scaffolding болон ажилладаг vercel.json -ийг нийлүүлдэг. Cursor нь давталтын мөчлөгийг хариуцдаг. Vercel нь deploy-г хариуцдаг. Та дизайн хийх болно.

Энэхүү гарын авлага нь бие даасан хөгжүүлэгчид, vibe code хийгчид, hackathon-д оролцогчид, мөн localhost:5173 -ийн хагас дутуу tab-аас залхсан хэн бүхэнд зориулагдсан. Бид энэ stack хэрхэн ажилладаг, 48 цагийн deploy-н бүтэц, workflow-д зориулж бүтээсэн таван 3D тоглоомны ур чадвар, мөн Баасан гарагаас Ням гараг хүртэлх алхам алхмаар хийх зүйлсийг авч үзэх болно.


Энэ долоо хоногт 3D тоглоомыг Vercel дээр хэрхэн гаргах вэ (AI ур чадвараар) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor болон бусад хэрэгслүүдэд зориулсан бэлэн зуун ур чадваруудыг үзнэ үү.

Яагаад Vercel + Three.js + AI Skills нь Solo Dev Stack болох вэ

Vercel нь Three.js тоглоом хийх хамгийн залхуу боломжит deploy target юм. GitHub руу push хийхэд Vercel анзаарч, төслийг барьж, 60 секундын дотор танд URL буцаан өгдөг. Сервер байхгүй, Dockerfile байхгүй, NGINX тохиргоо байхгүй, SSL суулгах шаардлагагүй. Three.js багц нь зөвхөн статик HTML, JS, WebGL asset-ууд бөгөөд энэ нь Vercel-ийн edge network-ийн бүтээгдсэн зориулалт юм.

Үнэгүй tier нь амралтын өдрийн launch-ийг хангалттай даах болно:

  • Саring 100 GB bandwidth. 10,000 тоглолтын 5 MB Three.js багц нь 50 GB. Та bandwidth-аа дуусахын өмнө амралтын өдрөө дуусгах болно.
  • HTTPS болон *.vercel.app дэд домэйн бүхий хязгааргүй статик deploy-ууд.
  • Үнэгүй tier дээр өөрийн домэйн дэмжих - хэрэв танд байгаа бол өөрийн name-game.com -г авч ирээрэй, эсвэл үнэгүй vercel.app URL нь нийгмийн бүх платформ дээр хуваалцах боломжтой.
  • Commits бүрийн хувьд Preview deploy - push хийх бүр өөрийн URL-ээ авах бөгөөд ингэснээр та найзтайгаа хуваалцаж, эвдэхгүйгээр давтах боломжтой.

Vibe Skills -ээс AI ур чадвар нэмээд boilerplate нь алга болно. Three.js scene setup, player controller, build pipeline, мөн Vercel-эд бэлэн vercel.json нь нэг командыг бий болгодог. Дараа нь Cursor нь амралтын үлдсэн хэсгийг та хүссэн gameplay-гаа тодорхойлж, output-ыг тохируулах чат болгодог. Энэ бол бүрэн stack: суурийг нь зах зээлийн ур чадвар, давталтыг AI editor, мөн deploy-г Vercel хариуцдаг. Solo, үнэгүй, хурдан.


Энэ долоо хоногт 3D тоглоомыг Vercel дээр хэрхэн гаргах вэ (AI ур чадвараар) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor болон бусад хэрэгслүүдэд зориулсан бэлэн зуун ур чадваруудыг үзнэ үү.

48 цагийн бүтэц: Баасан гарагийн төсөөлөлөөс Ням гарагийн deploy хүртэл

Үнэхээр амжилттай болсон долоо хоногийн ship бүр ижил үе шатуудыг дагаж мөрддөг. Даваа гарагийн үдээс хойш барилгын алдаатай тэмцэх оронд polish-д зориулахын тулд Баасан гарагт deploy-г төлөвлөх нь чухал.

Үе шатЦагХийх зүйлҮе шат дуусах үед нийлүүлэх зүйл
1-р үе шат: ТөсөөлөлБаасан 18:00 - 22:00Жанр сонгох, 1-хуудас дизайн баримт бичих, Vibe Skills 3D тоглоомны ур чадварыг суулгах, starter-ыг GitHub руу push хийх, Vercel-тэй холбохBoilerplate scene-тэй live name-game.vercel.app URL
2-р үе шат: БарилгаБямба 9:00 - 20:00Орлуулах зүйлийг үндсэн механизм болгон солих, 1 түвшин нэмэх, win/lose төлөв ажиллуулахИжил Vercel URL дээр тоглох боломжтой багц, push бүрт автоматаар deploy хийгддэг
3-р үе шат: PolishНям 10:00 - 16:00Дуу, juice, tutorial popup, bug pass, mobile дээр performance шалгахЭхний 60 секундын дотор ямар ч төхөөрөмж дээр эвдрэхгүй багц
4-р үе шат: LaunchНям 16:00 - 20:00Өөрийн домэйн тохируулах (заавал биш), GIF бичлэг хийх, itch.io хуудас бичих, холбоосыг нийтлэхPublic URL + itch.io хуудас + socials дээр launch post

Энэ нь ажилладаг шалтгаан нь Баасан гарагийн Vercel руу хийсэн push юм. URL үүссэнээс хойш Бямба, Ням гарагийн commits бүр автоматаар deploy хийгддэг. "Ням гарагийн оройн deploy сандрал" гэж байхгүй, учир нь deploy аль хэдийн Баасан гарагт хийгдсэн бөгөөд амралтын турш автоматаар ажиллаж байсан.


Vercel дээр 3D тоглоом "Vibe Coding" хийх нь ямар байдаг вэ

Vibe coding гэдэг нь энгийн англи хэлээр хүссэн зүйлээ тодорхойлж, AI editor-оор код бичүүлээд, дараа нь output-ыг давтах гэсэн үг. Vercel дээрх Three.js тоглоомны хувьд мөчлөг нь ер бусын цэвэрхэн байдаг: Cursor дахь өөрчлөлт бүр нь орон нутгийн feedback-ээс pnpm dev зайд, дараа нь live preview URL-ээс git push зайд, дараа нь main дээр автоматаар production руу deploy хийгддэг.

Vibe coded Vercel тоглоомны амралтын өдөр нь иймэрхүү харагддаг:

  1. Cursor дээр ур чадварын starter фолдерыг нээнэ.
  2. Чат дээр онцлог шинжийг тодорхойлно: "хэрэв 200ms дотор хоёр удаа space дарвал давхар харайх".
  3. Cursor нь controller файлыг засварлана. Хадгална. pnpm dev дахин ачаална. Та браузер дээр харайх мэдрэмжийг мэдэрнэ.
  4. Хэрэв мэдрэмж зөв байвал, git push. Vercel нь preview URL-ийг барих болно. Найздаа илгээнэ.
  5. Мэдрэмж бэхжсэн үед main руу merge хийнэ. Production URL нь 60 секундын дотор шинэчлэгдэнэ.

AI нь бичих ажлыг хийдэг. Vercel нь deploy-г хийдэг. Та мэдрэмж болон дизайныг хийдэг.


Vibe Skills дээр үүнийг хийх боломжтой 5 AI 3D тоглоомны ур чадвар

Эдгээр ур чадварууд нь Vercel + Three.js + Cursor амралтын өдрийн workflow-д зориулж бүтээгдсэн. Тэд тус бүр нь Vite-д суурилсан Three.js төсөл, ажилладаг vercel.json, Vercel-ийн edge-ээс үйлчлэх боломжтой статик багц гаргадаг pnpm build, мөн туршсан deploy path-тай ирдэг. Бүгд Vibe Skills дээрх 3D Games ангилалд байна.

1. Three.js + Vercel Game Starter

Анхдагч сонголт. Player controller, third-person camera, lighting rig, skybox, болон collision-той ground plane бүхий Three.js scene-ийг үүсгэдэг. Three.js asset багцуудад зориулсан зөв caching header-уудыг тохируулдаг vercel.json-той ирдэг. pnpm dev нь орон нутагт ажилладаг; Vercel dashboard-д нэг товшиод GitHub репотой холбоход live URL-тэй болно.

Хамгийн тохиромжтой: цэвэр 2D-оос бусад аливаа жанр. Юу бүтээж байгаагаа мэдэхгүй бол үүнийг ашигла.

2. First-Person Vercel Walker

Хөлний дууны холбоос, толгойн хөдөлгөөн, мөн pointer-lock CSP header-уудыг зөв харьцдаг vercel.json бүхий боловсронгуй first-person controller (WASD + mouse pointer lock + gravity + sprint + jump). Энэ нь олон solo dev-ийг production-д гацаадаг. Ур чадвар нь үүнийг танд зориулж шийддэг.

Хамгийн тохиромжтой: алхах сим, аймшгийн прототип, өгүүлэмжит тоглоом, музейн үзэсгэлэн.

3. Browser Arena Shooter Kit

Vercel-т тохируулсан багц (asset-ыг gzip хийх, AI-г code-split хийх, хөгжмийг lazy-load хийх) бүхий top-down arena (twin-stick controller, wave spawner, basic enemy AI, projectile system, score HUD). Multiplayer холбоос багтсан; амралтын өдөр single-player нийлүүлдэг.

Хамгийн тохиромжтой: arcade shooters, bullet hell, mobile дээр хурдан ачаалагддаг jam entry-ууд.

4. Vercel Puzzle Platformer

(Variable jump, coyote time, ledge detection) бүхий third-person platformer, checkpoints, Blender эсвэл code-д засах боломжтой гурван stub түвшин, мөн respawn loop. vercel.json нь instant edge-cached түвшнийг дахин ачааллахад тохируулагдсан тул phone дээр тоглох нь хурдан мэдрэгддэг.

Хамгийн тохиромжтой: puzzle platformers, parkour prototypes, level-design experiments.

5. Vercel Driving Sandbox

Arcade driving мэдрэмж (acceleration curve, drift physics, camera lag, basic terrain) бүхий low-poly машин, track template, мөн том terrain mesh-д зориулж тохируулсан deploy. Preset HTTP header-ууд нь WebGL context-ийг Safari дээр хурдан эхлүүлдэг, түүхэндээ Three.js-д хамгийн удаан браузер байсан.

Хамгийн тохиромжтой: arcade racing, off-road driving, portfolio-д зориулсан car-feel demo.

Vibe Skills дээр бүх 3D тоглоомны ур чадваруудыг үзэх →


Баасан гарагаас Ням гараг хүртэл алхам алхмаар

Энэ бол яг цагийн хуваарь юм. Эхлэх цагийг тохируул, гэхдээ дарааллыг нь хадгал. Чухал зорилт бол Баасан гарагийн орой Vercel deploy юм. Үүнээс хойших бүх зүйл давталт юм.

Баасан 18:00 - 20:00: Ур чадвар сонгох, GitHub руу push хийх, Vercel холбох

Алхам 1: Vibe Skills дээр 3D тоглоомны ур чадвар сонгоно. 3D Games ангилалыг үзэж, таны жанрт тохирохыг сонгоод, starter-ыг шинэ фолдер руу суулгана. Cursor дээр нээнэ. 19:00 цаг гэхэд хөдөлж буй тоглогчтой Three.js scene-ийг харах ёстой.

Алхам 2: GitHub репо үүсгээд push хийнэ. git init, git remote add, git push. Тоглоомынхоо slug-ийг репо нэр болгон ашиглана (crystal-runner, lunar-fishing, гэх мэт). Репо нэр нь ихэвчлэн таны URL болдог.

Алхам 3: Репог Vercel-тэй холбоно. GitHub-тэй Vercel-д нэвтэрнэ (үнэгүй), "Add New Project" товшино, репог сонгоно. Vercel нь Vite-ийг автоматаар илрүүлж, барилгыг тохируулна. Deploy товшино. 60 секундын дотор та crystal-runner.vercel.app URL-тэй болно. Утас руугаа нээнэ. Нэг найзтайгаа хуваалцана. Амралтын турш deploy bar нь тэг болсон.

Баасан 20:00 - 22:00: Дизайн баримт бичнэ

Алхам 4: Таван асуултад энгийн англи хэлээр хариулна. Репо дотор Notion хуудас эсвэл markdown файл нээж хариулна:

  • Тоглогч 5 секунд тутамд юу хийдэг вэ? (үндсэн мөчлөг)
  • Win condition болон lose condition юу вэ?
  • Нэг run эсвэл нэг түвшин хэр удаан үргэлжилдэг вэ?
  • Визуал hook юу вэ? (palette, lighting, style reference)
  • 30 секундын дотор үүнийг мартагдашгүй болгодог нэг онцлог юу вэ?

Алхам 5: Дизайн баримтыг commit хийнэ. Үүнийг репо руу push хийнэ. Vercel дахин deploy хийнэ. Утга учиртай өөрчлөлт бүрийг push хийх сахилга бат нь live URL-ийг үнэнч байлгадаг.

Бямба 9:00 - 13:00: Үндсэн механизмыг бүтээх

Алхам 6: Орлуулах зүйлийг өөрийн нэг онцлог шинжээр соль. Энэ бол ганц чухал онцлог юм. Cursor чатыг ашиглан тодорхойлно ("тоглогч crystal авч байх үед ойролцоох дайснуудыг 2 секундын турш хөлдөөж, chime дуу тоглуулна"). pnpm dev ашиглан орон нутгаар давтана. Мэдрэмж зөв болвол push хийнэ.

Алхам 7: Win/lose төлөвийг холбоно. Бодит төгсгөлтэй 60 секундын багц нь тоглоом мэт санагддаг. Төгсгөлтэй бус 60 минутын багц нь tech demo мэт санагддаг. Аль болох эхлээд win screen-ийг холбо, дараа нь бусад бүх зүйлийг.

Бямба 13:00 - 20:00: Нэг түвшин нэмэх

Алхам 8: Нэг боловсронгуй түвшин барина. Гурав биш, хагас болсон нь. Геометрийн хувьд placeholder cubes ашиглана. Ур чадварын stock character ашиглана. Мэдрэмжийг тохируулна - jump height, camera lag, particle intensity.

Алхам 9: Tutorial overlay нэмнэ. Нэг удаа "WASD хөдлөх, click хийх засах" гэсэн хоёр өгүүлбэртэй popup нь залхуу тоглогчдыг 8 секундын дотор орхиж орхихоос аварна. Cursor нь React (эсвэл vanilla DOM) overlay-ийг 30 секундын дотор үүсгэж чадна.

Алхам 10: Цаг тутамд push хийнэ. Push хийх бүр Vercel preview URL-ийг авдаг. Тэдгээрийг найз нөхөддөө илгээнэ. Feedback loop нь энэ stack-ийн нууц зэвсэг юм.

Ням 10:00 - 16:00: Polish

Алхам 11: Гурван дуу нэмнэ. Хөлний дуу, ambient pad, win sting. Гуравхан дуу ч амралтын өдрийн прототипийг ихээхэн дээшлүүлдэг. Үнэгүй эх сурвалжууд: freesound.org, opengameart.org.

Алхам 12: Juice нэмнэ. Цохилтод particles, цохилтод screen shake, score дээр number popups. Juice нь 48 цагийн багцыг GIF-д 6 сарын багц мэт харагдуулдаг зүйл юм. Cursor-аас "тоглогч гэмтэл авах үед 0.3 эрчимтэй 150ms-ийн screen shake нэм" гэж асууна - энэ нь таван секундын дотор camera-shake холбоосыг бичих болно.

Алхам 13: Lighthouse pass хийнэ. Vercel URL-ийг утас дээр нээж, Chrome DevTools Lighthouse-ийг ажиллуулна. Three.js багцууд нь ихэвчлэн 400 KB - 1.5 MB орчим байдаг. Хэрэв та 3 MB-аас дээш байвал Cursor-оос хүнд модуулуудад code splitting идэвхжүүлэхийг асууна. Vercel-ийн gzip болон brotli нь үлдсэнийг нь хариуцна.

Алхам 14: Bug pass. Live URL-ээ таван удаа дараалан тоглоно. Хоёр удаа эвдэрсэн зүйлийг зас. Нэг удаа эвдэрсэн зүйлийг үл тоомсорлоно.

Ням 16:00 - 20:00: Launch

Алхам 15: (Заавал биш) Өөрийн домэйн тохируулна. Хэрэв та name-game.com-г өмнө нь худалдаж авсан бол Vercel-ийн project settings-т нэмнэ. SSL нь автомат байдаг. Үгүй бол *.vercel.app URL нь зүгээр - энэ нь HTTPS-тэй, хуваалцах боломжтой, мөн хаа сайгүй ачаалагддаг.

Алхам 16: Хамгийн сайн мөчөөс 15 секундын GIF бичнэ. Localhost биш, live URL-ийг ашиглана. GIF нь Twitter, Bluesky, Reddit дээр дардаг зүйл юм.

Алхам 17: itch.io хуудас үүсгэнэ (заавал биш гэхдээ өндөр нөлөөтэй). Гарчиг, нэг мөртэй tagline, гурван скриншот, GIF, удирдлага, credit-ууд, мөн таны *.vercel.app iframe-ийг (itch.io HTML5 тоглоомууд дээр iframe embed-ыг дэмждэг) embed хийнэ. Одоо танд хоёр URL байна - нэг нь энгийн хуваалцах зорилготой, нөгөө нь тоглоомчдын үзэгчдэд зориулсан.

Алхам 18: Холбоосыг нийтэлнэ. Twitter, Bluesky, таны dev community Discord, r/IndieDev, r/threejs, r/WebGames. GIF-ээр эхэлнэ. URL-ийг багтаана. Хэрэв та Vibe Skills ур чадварыг ашигласан бол devlog нийтлэлдээ дурдана - үүнийг уншиж буй бусад dev-ууд ижил starter-ыг хүсэх болно.


Vercel Deploy-н хамгийн түгээмэл гурван алдаанаас хэрхэн зайлсхийх вэ

Бараг бүх solo Three.js + Vercel амралтын өдрийн ажлыг гурван зүйл эвддэг. Эдгээр нь бүгд Баасан гарагийн орой олж харвал 5 минутын засвар, Ням гарагийн 7 цагт олж мэдвэл 5 цагийн хонгилын уулзварууд юм.

  • Буруу build output directory. Vite нь анхдагчаар dist/ байдаг. Vercel нь Vite-ийг автоматаар илрүүлж dist/ ашигладаг. Хэрэв та output-ыг өөрчилсөн бол vercel.json эсвэл project settings-т outputDirectory-г тохируулна уу, эсвэл таны deploy нь 404 болно.
  • Орон нутагт ажилладаг боловч production-д 404 болдог asset paths. Runtime-аар ачаалагддаг GLB, texture, эсвэл audio файл байвал relative paths эсвэл Vite import.meta.env.BASE_URL туслахыг ашиглана. Hardcoded /assets/... paths ихэвчлэн ажилладаг, гэхдээ хуулж тавьсан absolute Windows paths нь огт ажиллахгүй.
  • Pointer lock эсвэл audio context-ийг хориглодог CSP header-ууд. First-person тоглоомуудад pointer lock шаардлагатай. Audio нь хэрэглэгчийн gesture идэвхжүүлэлтийг шаарддаг. 3D Games ангилалаас авсан аливаа ур чадвар нь үүнийг зохицуулахын тулд vercel.json-д зөв headers блоктой ирдэг. Хэрэв та өөрийн гараар хийсэн бол ур чадварын репоноос тохиргоог хуулна уу.

Deploy Баасан гарагт ажилладаг тул Ням гарагт эдгээр нь эвдэрвэл үргэлж сүүлийн өөрчлөлттэй холбоотой байдаг. git bisect таны найз юм. Түүнээс ч илүү: 30 минутаар push хийж байвал алдаатай commit нь жижиг байна.


Түгээмэл асуултууд

Миний тоглоом traffic авбал Vercel-ийн үнэгүй tier үнэхээр тэсвэрлэх үү?

Тийм ээ, амралтын өдрийн launch болон эхний хэдэн долоо хоногийн хувьд. Үнэгүй tier нь саring 100 GB bandwidth өгдөг бөгөөд энэ нь 5 MB Three.js багцын ойролцоогоор 20,000 тоглолтод тэнцэнэ. Хэрэв та энэ ceiling-т хүрвэл, Pro plan нь саring $20 бөгөөд 1 TB болгон нэмэгдүүлнэ. Амралтын өдрийн ship-ийн хувьд үнэгүй нь хангалттай. Vibe Skills дээрх ур чадварууд нь bundle хэмжээг багасгах барилгын тохиргоотой ирдэг бөгөөд энэ нь үнэгүй tier-ийг илүү уртаар сунгадаг.

Vercel-ийн үнэгүй tier дээр өөрийн домэйныг ашиглаж болох уу?

Тийм ээ. Үнэгүй tier нь автомат HTTPS бүхий өөрийн домэйныг дэмждэг. Домэйн худалдаж аваад (Namecheap, Cloudflare Registrar, Porkbun), Vercel-д зааж, Vercel нь SSL гэрчилгээг хариуцдаг. Тохиргоо нь ойролцоогоор 10 минут болно. Хэрэв танд домэйн байхгүй бол, name-game.vercel.app URL нь ямар ч платформ дээр хуваалцахад хангалттай богино юм.

Энэ stack нь game jam-д оруулахад тохиромжтой юу?

Тийм ээ, мөн энэ нь jam submissions-д зориулсан хамгийн шилдэг stack-уудын нэг юм. Ихэнх jam-ууд (Ludum Dare, GMTK, js13k, GitHub Game Off) нь web-playable URL-ийг хүлээн авдаг. *.vercel.app холбоос нь шүүгчдэд зориулсан itch.io URL-тай яг адил ажилладаг. Олон jam ялагчид хоёуланд нь нийлүүлдэг - itch.io нь тоглоомчдын үзэгчдэд, Vercel нь хурдан canonical URL болдог.

Эхлэхийн өмнө би Three.js мэдэх шаардлагатай юу?

Та Cursor-ийн бичсэн зүйлийг уншиж, утгуудыг тохируулах хангалттай JavaScript мэддэг байх ёстой. Та Three.js-ийг эхнээс нь хийх шаардлагагүй. Vibe Skills дээрх ур чадварууд нь engine setup, camera, controller, мөн build config-ийг үүсгэдэг. Cursor нь таны тодорхойлолтоос gameplay code-ийг хариуцдаг.

Миний Vercel build Ням гарагийн 19:00 цагт бүтэлгүйтвэл юу болох вэ?

Хамгийн түгээмэл шалтгаан нь TypeScript алдаа эсвэл алга болсон env var юм. Vercel нь алдаатай мөрийг тодруулсан build log-ийг харуулдаг. Dashboard-д нэг товшиод сүүлийн амжилттай deploy руу буцаж, production руу promotion хийнэ. Push хийх бүр preview deploy байдаг тул та хэзээ ч амжилттай build-ээс нэг commit-ээс хэтрэхгүй. Ийм учраас Бямба, Ням гарагт 30 минутаар push хийх нь чухал.

Би Vibe Skills 3D тоглоомны ур чадвараас код худалдаж авах эсвэл өөрчлөх боломжтой юу?

Тийм ээ. Vibe Skills дээрх ур чадварууд нь таны тоглоомыг Vercel, itch.io, Steam, эсвэл өөр хаана ч байсан өөрийн тоглоомд нийлүүлэх боломжийг олгодог арилжааны найрсаг лицензтэй ирдэг. Creator-ууд нь ур чадварын IP-г хадгалж, та түүний дээр бүтээсэн тоглоомын IP-г хадгалдаг.

Хэрэв би Cursor ашиглахыг хүсэхгүй бол яах вэ?

Төслийн файлуудыг засварлах чадвартай аливаа AI editor ажилладаг. Claude Code, Cursor, Windsurf, GitHub Copilot Chat, Cline - тэдгээрийн аль нь ч Vibe Skills ур чадвараас Three.js scaffolding-ийг давтаж чадна. Ур чадвар нь өөрөө editor-agnostic юм.


Энэ амралтын өдөр нийлүүлнэ

Ихэнх solo dev-ууд 3D тоглоом нийлүүлдэггүй шалтгаан нь engine, genre, эсвэл skill ceiling биш юм. Энэ нь Баасан гарагийн орой тэд "зүгээр л нэмж судлах болно" гэж бодоод хэзээ ч эхлүүлдэггүй явдал юм. Таны дараагийн чөлөөт амралтын өдөр дөрвөн үе шаттай төлөвлөгөөг дагана: Vibe Skills 3D тоглоомны ур чадвар суулгах, GitHub руу push хийх, Vercel холбох, Баасан гарагийн 20:00 цаг гэхэд deploy хийх, дараа нь Бямба, Ням гарагийг live URL дээр давтах.

Vercel дээр амралтын өдөр нийлүүлсэн арван тоглоомны таны portfolio нь таны төсөөлөлтэй зургаан сарын мөрөөдлийн engine төслөөс илүү үнэтэй юм. Нийлүүлсэн нь үргэлж ялдаг. Үнэгүй Vercel URL нь үүний нотолгоо юм.

Vibe Skills дээр 3D тоглоомны ур чадваруудыг үзнэ үү →


Three.js boilerplate марафоныг алгасан өнгөрнө үү. Vibe Skills дээр 3D тоглоомны ур чадвар суулгана уу, Vercel руу push хийнэ үү, мөн Ням гарагийн орой гэхэд live URL-тэй болно.

Энэ долоо хоногт 3D тоглоомыг Vercel дээр хэрхэн гаргах вэ (AI ур чадвараар) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor болон бусад хэрэгслүүдэд зориулсан бэлэн зуун ур чадваруудыг үзнэ үү.