Vercel-де 3D ойынды осы демалыс күндері қалай жіберуге болады (Жасанды интеллект дағдыларымен)

Жұмада идея, жексенбіде тірі URL. Үш.js + Курсор + Vibe Skills + Vercel тегін деңгейінде 48 сағат ішінде 3D ойын шығару кітабы.

3D GamesVercelThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
9,623
Vercel-де 3D ойынды осы демалыс күндері қалай жіберуге болады (Жасанды интеллект дағдыларымен) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor және басқаларға арналған жүздеген дайын құзыреттерді қарап шығыңыз.

Vercel-де 3D ойынды жексенбі кешке дейін шығару: 48 сағаттық іске қосу кітабы

Жұма кештен бастап your-game.vercel.app сілтемесіне дейін жексенбідегі кешкі асқа дейін бара аласыз. Стектің құрамына Three.js, Cursor, Vibe Skills ұсынатын AI құзыреті және Vercel тегін деңгейі кіреді. Демалыс күндеріне арналған жалпы шығын: $0. Бақылауды қажет ететін инфрақұрылым: нөл.

Бұл "ноутбукта прототип жасап, оны аяқталды деп санау" емес. Бұл әлемдегі кез келген адам браузерде, HTTPS, edge caching және қаласаңыз, арнайы домені бар аша алатын жария URL. AI құзыреті Three.js қаңқасын және жұмыс істейтін vercel.json файлын жеткізеді. Cursor итерация циклін басқарады. Vercel іске қосуды басқарады. Сіз дизайнмен айналысасыз.

Бұл нұсқаулық инди-әзірлеушілерге, "vibe" кодерлеріне, хакатон қатысушыларына және жартылай аяқталған localhost:5173 қойындыларынан шаршаған кез келген адамға арналған. Біз бұл стек неліктен жұмыс істейтінін, 48 сағаттық іске қосудың анатомиясын, жұмыс процесіне арналған бес 3D ойын құзыретін және жұмадан жексенбіге дейінгі қадамдарды қамтимыз.


Vercel-де 3D ойынды осы демалыс күндері қалай жіберуге болады (Жасанды интеллект дағдыларымен) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor және басқаларға арналған жүздеген дайын құзыреттерді қарап шығыңыз.

Неліктен Vercel + Three.js + AI Құзыреттері - Жеке Әзірлеушінің Стегі

Vercel - Three.js ойынына арналған ең жалқау іске қосу нүктесі. GitHub-қа итеріңіз, Vercel байқайды, жобаны құрастырады және 60 секунд ішінде URL-ді қайтарады. Серверді орналастыру, Docker файлы, NGINX конфигурациясы, SSL орнату жоқ. Three.js бандлі - бұл жай ғана статикалық HTML, JS және WebGL активтері, бұл дәл Vercel-дің edge желісі қызмет көрсетуге арналған.

Тегін деңгей демалыс күндері іске қосуды жабуға жеткілікті:

  • Айына 100 ГБ трафик. 10 000 ойын үшін 5 МБ Three.js құрылымы - 50 ГБ. Сіз трафик таусылмай тұрып, демалыс күндеріңізді таусып аласыз.
  • HTTPS және *.vercel.app қосалқы домені бар шексіз статикалық іске қосулар.
  • Тегін деңгейдегі арнайы домен қолдауы - егер сізде name-game.com болса, оны әкеліңіз, әйтпесе тегін vercel.app URL-і кез келген әлеуметтік платформада бөлісуге болады.
  • Әрбір коммит үшін алдын ала қарау іске қосулары - әрбір итерілу өзінің URL-іне ие болады, сондықтан сіз досыңызбен құрылымды бөлісе аласыз және оны бұзбай итерацияны жалғастыра аласыз.

Vibe Skills ұсынатын AI құзыретін қосыңыз, сонда шаблондық код да жоғалады. Three.js сахнасын орнату, ойыншы контроллері, құрылым конвейері және Vercel-ге дайын vercel.json бір командамен жасалады. Содан кейін Cursor демалыс күндерін сіз қалаған ойын процесін сипаттайтын және нәтижені реттейтін чатқа айналдырады. Бұл толық стек: негізгісі үшін нарықтық құзырет, итерация үшін AI редакторы және іске қосу үшін Vercel. Жеке, тегін және жылдам.


Vercel-де 3D ойынды осы демалыс күндері қалай жіберуге болады (Жасанды интеллект дағдыларымен) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor және басқаларға арналған жүздеген дайын құзыреттерді қарап шығыңыз.

48 Сағаттық Анатомия: Жұма Концепциясынан Жексенбі Іске Қосуына дейін

Шынымен іске қосылатын әрбір демалыс күндері бірдей кезеңдерден өтеді. Бастысы - іске қосуды жұмада, жексенбі түстен кейін емес, жоспарлау, сондықтан соңғы алты сағат құрылым қателіктерімен күресуге емес, жақсартуға жұмсалады.

КезеңУақыт блогыСіз не істейсізКезең соңына дейін не жеткізіледі
1-кезең: КонцепцияЖұма 18:00 - 22:00Жанрды таңдау, 1 беттік дизайн құжатын жазу, Vibe Skills 3D ойын құзыретін орнату, бастапқы кодын GitHub-қа итеру, Vercel-ге қосуЖұмыс істейтін шаблондық сахнасы бар name-game.vercel.app URL-і
2-кезең: ҚұрылымСенбі 9:00 - 20:00Алдын ала орнатылғанды өз негізгі механикаңызбен ауыстыру, 1 деңгей қосу, жеңу/жеңілу күйін жұмыс істетуБірдей Vercel URL-інде ойналатын құрылым, әрбір итеру кезінде автоматты түрде іске қосылады
3-кезең: ЖақсартуЖексенбі 10:00 - 16:00Дыбыс, "juice", оқулық хабарламасы, қателерді тексеру, мобильдіде өнімділік тексеруіБірінші 60 секундта кез келген құрылғыда бұзылмайтын құрылым
4-кезең: Іске қосуЖексенбі 16:00 - 20:00Арнайы доменді орнату (міндетті емес), GIF жазу, itch.io парағын жазу, сілтемені жариялауЖария URL + itch.io парағы + әлеуметтік желілердегі іске қосу жазбасы

Бұл неліктен жұмыс істейтіні - жұмада Vercel-ге итеру. URL пайда болғаннан кейін, әр сенбі және жексенбі коммиттері автоматты түрде іске қосылады. "Жексенбі кешкі іске қосу дүрлігуі" болмайды, себебі іске қосу жұмада өтіп, демалыс күндері бойы автоматты режимде жұмыс істеген.


Vercel-де 3D Ойынды "Vibe Coding" Ету Қалай Болады

"Vibe coding" - бұл сіз қалағанды қарапайым ағылшын тілінде сипаттап, AI редакторының кодын жазуына мүмкіндік беру, содан кейін нәтижені итерациялау. Three.js ойынына арналған Vercel-де, цикл әдеттегіден таза: Cursor-дағы әрбір өзгеріс жергілікті кері байланысқа pnpm dev арқылы, содан кейін тірі алдын ала қарау URL-іне git push арқылы, содан кейін main арқылы өндіріске автоматты түрде іске қосылады.

Vercel ойынының "vibe coded" демалыс күні былай көрінеді:

  1. Cursor-да құзыреттің бастапқы қалтасын ашыңыз.
  2. Чатта мүмкіндікті сипаттаңыз: "егер кеңістік 200ms ішінде екі рет басылса, екі рет секіру".
  3. Cursor контроллер файлын өңдейді. Сақтаңыз. pnpm dev қайта жүктеледі. Сіз браузерде секіруді сезесіз.
  4. Егер дұрыс болса, git push. Vercel алдын ала қарау URL-ін құрастырады. Оны досыңызға жіберіңіз.
  5. Сезім бекітілген кезде main-ге қосыңыз. Өндіріс URL-і 60 секунд ішінде жаңарады.

AI терумен айналысады. Vercel іске қосумен айналысады. Сіз сезім мен дизайнмен айналысасыз.


Vibe Skills-те Мұны Мүмкін Ететін 5 AI 3D Ойын Құзыреті

Бұл құзыреттер Vercel + Three.js + Cursor демалыс күндері жұмыс процесіне арнап жасалған. Әрқайсысы Vite негізіндегі Three.js жобасымен, жұмыс істейтін vercel.json файлымен, Vercel-дің edge-тен жеткізе алатын статикалық бандлі шығаратын pnpm build және сынақтан өткен іске қосу жолымен келеді. Барлығы Vibe Skills-тегі 3D Ойындар санатында.

1. Three.js + Vercel Ойын Стартері

Әдепкі таңдау. Ойыншы контроллері, үшінші тұлға камерасы, жарықтандыру жүйесі, аспан қалқаны және соқтығысулар бар жер бетімен Three.js сахнасын жасайды. Three.js актив бандлдері үшін дұрыс кэштеу тақырыптарын орнататын vercel.json файлымен келеді. pnpm dev жергілікті жерде іске қосылады; Vercel панелінде бір рет басу GitHub репозиторийін қосады және сізде тірі URL болады.

Үшін ең жақсы: кез келген жанр, таза 2D-дан басқа. Егер сіз не құрастырып жатқаныңызды әлі білмесеңіз, осыны қолданыңыз.

2. Бірінші Тұлға Vercel Жүргізушісі

Аяқ дыбысының ілмектері, бас тербелісі және pointer-lock CSP тақырыптарын дұрыс басқаратын vercel.json файлы бар талғампаз бірінші тұлға контроллері (WASD + тінтуірді құлыптау + гравитация + спринт + секіру). Бұл көптеген жеке әзірлеушілерді өндірісте шалыс батады. Құзырет сіз үшін бұл мәселені шешеді.

Үшін ең жақсы: жүру ойындары, қорқынышты прототиптер, әңгімелік ойындар, мұражай көрмелері.

3. Браузер Арена Шутер Комплектісі

Vercel-мен реттелген құрылыммен (gzip активтері, AI кодты бөлу және музыканы кешіктіріп жүктеу) жоғарыдан төмен арена (екі таяқшалы контроллер, толқынды шақырушы, негізгі жау AI, снаряд жүйесі, есеп HUD). Көп ойыншыға арналған ілмектер бар; демалыс күндері бір ойыншыға арналған.

Үшін ең жақсы: аркада шутерлері, оқ жаңбыры, мобильдіде жылдам жүктелетін ойын жарыстары.

4. Vercel Платформері

Көтерілмелі секіру, койот уақыты, жиектерді анықтау), бақылау нүктелері, Blender-де немесе кодта өңдеуге болатын үш ілмек деңгейі және қайта пайда болу циклі бар үшінші тұлға платформасы. vercel.json файлдары деңгейлерді жылдам кэштеуге арналған, сондықтан телефондағы ойынды ойнау жылдам болады.

Үшін ең жақсы: жұмбақ платформалар, паркур прототиптері, деңгей дизайны эксперименттері.

5. Vercel Драйвинг Sandbox

Аркадалық жүргізу сезімі (үдеу қисығы, дрифт физикасы, камера кідірісі, негізгі рельеф) төмен полигондардағы автомобиль, трек шаблоны және үлкен рельефті торларға арналған іске қосумен. Алдын ала орнатылған HTTP тақырыптары WebGL контекстінің Safari-да, тарихи түрде Three.js үшін ең баяу браузерде жылдам басталуын қамтамасыз етеді.

Үшін ең жақсы: аркада жарыстары, жолсыз жүру, портфолио үшін автомобиль сезімін көрсететін демолар.

Vibe Skills-тегі барлық 3D ойын құзыреттерін қараңыз →


Жұмадан Жексенбіге дейінгі Қадамдар

Бұл нақты кесте. Бастау уақытын реттеңіз, бірақ тәртіпті сақтаңыз. Негізгі кезең - жұма кешкі Vercel іске қосуы. Одан кейінгі барлық нәрсе итерация.

Жұма 18:00 - 20:00: Құзыретті Таңдау, GitHub-қа Итеру, Vercel-ге Қосу

1-қадам: Vibe Skills-те 3D ойын құзыретін таңдаңыз. 3D Ойындар санатын қарап, жанрыңызға сәйкес келетінін таңдап, жаңа қалтаға стартерді орнатыңыз. Оны Cursor-да ашыңыз. Сағат 19:00-ге дейін қозғалатын ойыншысы бар Three.js сахнасын көруіңіз керек.

2-қадам: GitHub репозиторийін жасап, итеріңіз. 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-і болады. Оны телефоныңызда ашыңыз. Бір досыңызбен бөлісіңіз. Демалыс күндері іске қосу жолағы нөлге тең.

Жұма 20:00 - 22:00: Дизайн Құжатын Жазу

4-қадам: Бес сұраққа қарапайым ағылшын тілінде жауап беріңіз. Репозиторий ішіндегі Notion парағын немесе markdown файлын ашып, жауап беріңіз:

  • Ойыншы әр 5 секунд сайын не істейді? (негізгі цикл)
  • Жеңу және жеңілу шарттары қандай?
  • Бір ойын немесе бір деңгей қанша уақытқа созылады?
  • Визуалды әсер қандай? (палитра, жарықтандыру, стиль сілтемесі)
  • 30 секунд ішінде есте қаларлықтай ететін бір мүмкіндік қандай?

5-қадам: Дизайн құжатын коммит етіңіз. Оны репозиторийге итеріңіз. Vercel қайта іске қосылады. Әр мағыналы өзгерісті итеру тәртібі тірі URL-ді адал сақтайды.

Сенбі 9:00 - 13:00: Негізгі Механиканы Құру

6-қадам: Алдын ала орнатылғанды сіздің бір мүмкіндігіңізбен ауыстырыңыз. Бұл маңызды жалғыз мүмкіндік. Оны сипаттау үшін Cursor чатын қолданыңыз ("ойыншы кристалды алғанда, жақын маңдағы жауларды 2 секундқа тоқтатып, қоңырау шалыңыз"). pnpm dev арқылы жергілікті жерде итерациялаңыз. Дұрыс болғанда, итеріңіз.

7-қадам: Жеңу/жеңілу күйін қосыңыз. Нақты аяқталуы бар 60 секундтық құрылым ойын сияқты сезіледі. Аяқталуы жоқ 60 минуттық құрылым - технологиялық демонстрация сияқты. Әрдайым алдымен жеңу экранын, содан кейін басқа бәрін қосыңыз.

Сенбі 13:00 - 20:00: Бір Деңгей Қосу

8-қадам: Бір талғампаз деңгей құрыңыз. Үш жартылай дайын емес. Геометрия үшін алдын ала орнатылған кубтарды қолданыңыз. Құзыреттің стандартты кейіпкерін қолданыңыз. Сезімді реттеңіз - секіру биіктігі, камераның кідірісі, бөлшектердің қарқындылығы.

9-қадам: Оқулық қабатын қосыңыз. Бірінші іске қосудағы "WASD - қозғалу, тінтуірді басу - ату" деген екі сөзді хабарлама сізді 8 секунд ішінде беріліп кететін шатасқан ойыншылардан құтқарады. Cursor React (немесе ванильді DOM) қабатын 30 секундта жасай алады.

10-қадам: Әр сағат сайын итеріңіз. Әр итеру Vercel алдын ала қарау URL-ін алады. Оның әрқайсысын досыңызға жіберіңіз. Кері байланыс циклі - бұл стекпен жасырын қару.

Жексенбі 10:00 - 16:00: Жақсарту

11-қадам: Үш дыбыс қосыңыз. Аяқ дыбысының циклі, фондық дыбыс, жеңіс сигналы. Тіпті үш дыбыс та демалыс күндерінің прототипін айтарлықтай көтереді. Тегін дереккөздер: freesound.org, opengameart.org.

12-қадам: "Juice" қосыңыз. Соққыдағы бөлшектер, соқтығыста экранның шайқалуы, есеп бойынша сандардың пайда болуы. "Juice" - бұл 48 сағаттық құрылымды GIF-те 6 айлық құрылым сияқты ететін нәрсе. Cursor-дан "ойыншы зақымдалған кезде 0.3 қарқындылықпен 150 миллисекундқа экранды шайқау" қосуын сұраңыз - ол бес секундта камераның шайқалу ілмегін жазады.

13-қадам: Lighthouse тестін орындаңыз. Vercel URL-ін телефонда ашып, Chrome DevTools Lighthouse-ты орындаңыз. Three.js бандлі әдетте 400 КБ-тан 1,5 МБ-қа дейін болады. Егер сіз 3 МБ-тан ассаңыз, Cursor-дан ауыр модульдерде кодты бөлуді қосуын сұраңыз. Vercel-дің gzip және brotli қалғанын басқарады.

14-қадам: Қателерді тексеру. Тірі URL-іңізді қатарынан бес рет ойнаңыз. Екі рет бұзылған кез келген нәрсені түзетіңіз. Бір рет бұзылған кез келген нәрсені елемеңіз.

Жексенбі 16:00 - 20:00: Іске қосу

15-қадам: (Міндетті емес) Арнайы доменді орнатыңыз. Егер сіз name-game.com бұрын сатып алған болсаңыз, оны Vercel жоба параметрлерінде қосыңыз. SSL автоматты. Әйтпесе, *.vercel.app URL-і жақсы - ол HTTPS, бөлісуге болады және барлық жерде жүктеледі.

16-қадам: Ең жақсы сәттің 15 секундтық GIF-ін жазыңыз. Жергілікті URL емес, тірі URL-ді қолданыңыз. GIF - бұл Twitter, Bluesky және Reddit-те басылатын нәрсе.

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 демалыс күні үш нәрсе бұзылады. Барлығы бес минуттық түзетулер, егер сіз оларды жұма кешке байқасаңыз, және бес сағаттық зерттеу туннелі, егер сіз оларды жексенбіде сағат 19:00-де тапсаңыз.

  • Дұрыс емес құрылым шығыс каталогі. Vite әдепкі бойынша dist/ болады. Vercel Vite-ті автоматты түрде анықтайды және dist/ қолданады. Егер сіз шығуды өзгертсеңіз, vercel.json файлындағы outputDirectory немесе жоба параметрлерінде орнатыңыз, әйтпесе іске қосу 404 болады.
  • Жергілікті жерде жұмыс істейтін, бірақ өндірісте 404 болатын актив жолдары. Кез келген runtime-түрде жүктелетін GLB, текстура немесе аудио файлдары үшін қатысты жолдарды немесе Vite import.meta.env.BASE_URL көмекшісін қолданыңыз. Қатты кодталған /assets/... жолдары әдетте жұмыс істейді, бірақ көшіріліп қойылған Windows абсолютті жолдары мүлдем жұмыс істемейді.
  • Pointer lock немесе аудио контекстін бұғаттайтын CSP тақырыптары. Бірінші тұлға ойындары pointer lock-ты қажет етеді. Аудиоға пайдаланушының қимыл-әрекетін белсендіру қажет. 3D Ойындар санатындағы кез келген құзырет pointer lock және аудионы басқару үшін vercel.json файлында дұрыс headers блогымен келеді. Егер сіз өзіңізді нөлден бастап жазсаңыз, конфигурацияны құзыреттің репозиторийінен көшіріп алыңыз.

Іске қосу жұмада жұмыс істейді, сондықтан жексенбіде бұл бұзылса, бұл әрдайым жақында болған өзгерістен болады. git bisect - сіздің досыңыз. Одан да жақсы: әр 30 минут сайын итеру, сондықтан бұзылған коммит кішкентай болады.


Жиі Қойылатын Сұрақтар

Vercel тегін деңгейі ойыным трафик алса, шынымен де жұмыс істей ме?

Иә, демалыс күндері іске қосу және алғашқы бірнеше апта үшін. Тегін деңгей айына 100 ГБ трафик береді, бұл шамамен 5 МБ Three.js құрылымының 20 000 ойынына тең. Егер сіз бұл табалдырықты бағындырсаңыз, Pro жоспары айына $20 және сізді 1 ТБ-ға дейін көтереді. Демалыс күні іске қосу үшін тегін жеткілікті. 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 сіздің сипаттамаларыңыздан ойын кодымен айналысады.

Егер Vercel құрылымы жексенбіде сағат 19:00-де бұзылса, не болады?

Ең жиі кездесетін себеп - TypeScript қатесі немесе жетіспейтін env айнымалысы. 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-ге қосыңыз, жұма 20:00-ге дейін іске қосыңыз, содан кейін сенбі және жексенбі күндерін тірі URL-де итерациялаумен өткізіңіз.

Vercel-де он демалыс күні іске қосылған ойындардан тұратын портфолио сіздің гипотетикалық алты айлық арман қозғалтқыш жобаңыздан артық. Іске қосылған ойын әрдайым жеңеді. Тегін Vercel URL - бұл дәлел.

Vibe Skills-те 3D ойын құзыреттерін қараңыз →


Three.js шаблондық марафонын өткізіп жіберіңіз. Vibe Skills-те 3D ойын құзыретін орнатыңыз, Vercel-ге итеріңіз және жексенбі кешке дейін тірі URL-ге ие болыңыз.

Vercel-де 3D ойынды осы демалыс күндері қалай жіберуге болады (Жасанды интеллект дағдыларымен) - Vibe Skills preview
Vibe Skills
Vibe Skills

Claude, Cursor және басқаларға арналған жүздеген дайын құзыреттерді қарап шығыңыз.