Як створити прототип 3D гри за вихідні з використанням штучного інтелекту

Створити готовий до гри 3D прототип за 48 годин. Робота з п'ятниці по неділю з використанням навичок штучного інтелекту, Three.js та Vibe Skills - для незалежних розробників та ентузіастів.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Як створити прототип 3D гри за вихідні з використанням штучного інтелекту - Vibe Skills preview
Vibe Skills
Vibe Skills

Переглядайте сотні готових навичок для Claude, Cursor та інших.

Як прототипувати 3D-гру за вихідні: робочий процес з п’ятниці по неділю

Ви можете випустити грабельний прототип 3D-гри на itch.io між вечором п’ятниці та вечором неділі. Ігрові джеми доводять це вже понад двадцять років. Навички штучного інтелекту зараз ще більше стискають робочий процес: п’ятниця - концепція та обсяг, субота - розробка, неділя - доопрацювання та випуск. Без надмірності рушія, без команди, без багатомісячного плану.

Це не мотиваційна промова. Ludum Dare проходить кожні чотири місяці та послідовно випускає 2000 - 3000 готових ігор за 48 - 72 години. Формат працює, тому що обмеження змушують випускати. Навички штучного інтелекту надають вам те саме обмеження з швидшим стартом - шаблонний код, базові асети та ігровий цикл постачаються попередньо збудованими, тому вихідні присвячуються частинам, які справді відчуваються як гра.

Цей посібник призначений для незалежних розробників, студентів дизайну та любителів, які хочуть мати одну грабельну річ до неділі ввечері. Ми розглядаємо анатомію 48-годинної збірки, п’ять навичок прототипування ігор зі штучним інтелектом на Vibe Skills та робочий процес з п’ятниці по неділю, що вміщується у вихідні.


Як створити прототип 3D гри за вихідні з використанням штучного інтелекту - Vibe Skills preview
Vibe Skills
Vibe Skills

Переглядайте сотні готових навичок для Claude, Cursor та інших.

Чому вихідних достатньо, щоб випустити грабельний прототип

Ігрові джеми доводять ефективність 48-годинної збірки протягом двох десятиліть. Ludum Dare розпочався у 2002 році, а зараз проходить тричі на рік, збираючи понад 2000 заявок за раунд. GMTK Game Jam приваблює понад 8000 подань за одні вихідні. itch.io щороку розміщує тисячі сторінок джемів, і більшість джем-ігор випускаються за 48 - 72 години з нуля.

Формат працює завдяки трьом функціям примусу:

  • Обсяг визначається до початку кодування. Теми джемів запобігають розповзанню функцій.
  • Публічний термін подання. П’ятниця-неділя означає, що немає «я доопрацюю це наступного тижня».
  • Доставка в першу чергу через браузер. itch.io та Newgrounds доставляють за посиланням у браузері, а не інсталятором.

Що змінилося у 2026 році, так це стартовий етап. Навички штучного інтелекту скорочують шаблонний код, який раніше забирав 8 - 10 годин джему:

  • Налаштування сцени Three.js, освітлення, налаштування камери
  • Контролер гравця (клавіатура, миша, геймпад)
  • Фізика (рейкаст, колайдери, базовий AABB)
  • Шаблони асетів (низькополігональний персонаж, елементи оточення, скайбокс)
  • Конвеєр збірки, який експортує грабельний HTML-збірку

Ця робота з налаштування тепер займає 30 хвилин. Решта вихідних присвячена дизайну, побудові рівнів та відчуттю гри.


Як створити прототип 3D гри за вихідні з використанням штучного інтелекту - Vibe Skills preview
Vibe Skills
Vibe Skills

Переглядайте сотні готових навичок для Claude, Cursor та інших.

Анатомія 48-годинної збірки

Кожен вихідний прототип, який випускається, проходить приблизно однакові чотири фази. Пропустіть фазу, і збірка не потрапить на itch.io. Занадто багато часу витрачено на одну фазу, і фаза доопрацювання буде з’їдена.

ФазаЧасовий блокЩо ви робитеЩо випускаєте до кінця фази
Фаза 1: ОбсягП’ятниця 18:00 - 22:00Виберіть жанр, напишіть 1-сторінковий документ дизайну, визначте основний цикл, виберіть навичку штучного інтелектуДокумент дизайну + обрана навичка
Фаза 2: РозробкаСубота 9:00 - 20:00Згенеруйте шаблонний код, створіть основну механіку, додайте 1-2 рівні, налаштуйте введенняГрабельна збірка зі станом перемоги/поразки
Фаза 3: ДоопрацюванняНеділя 10:00 - 16:00Звук, «сік», спливаюче вікно підручника, баланс, прохід для виправлення помилокЗбірка, яка не ламається протягом перших 60 секунд
Фаза 4: ВипускНеділя 16:00 - 20:00Експорт, напишіть сторінку itch.io, запишіть GIF, опублікуйте в соціальних мережахПублічна сторінка itch.io з працюючою веб-збіркою

Чотирифазова структура залишає запас для речей, які завжди йдуть не так: граничний випадок зламаної фізики, проклятий імпорт асету, збірка, яка працює локально, але ламається в WebGL. Плануйте помилки.


Як виглядає «Vibe Coding» гри

«Vibe coding» - це робочий процес створення програмного забезпечення шляхом опису бажаного та дозволу штучного інтелекту генерувати код, а потім ітерації вихідних даних. Для ігор це працює, тому що більша частина кодової бази - це «трубопровід». Цікаві частини - відчуття, дизайн рівнів, звук, арт-дирекція - залишаються людськими, але шаблонний код генерується.

Вихідна гра, створена за допомогою «vibe coding», виглядає так: ви пишете документ дизайну звичайним англійським текстом у вкладці Cursor або Claude, встановлюєте навичку 3D-ігор Vibe Skills, яка постачається з шаблоном Three.js, просите штучний інтелект додати специфічну для жанру механіку, а потім вручну налаштовуєте відчуття - висоту стрибка, затримку камери, інтенсивність частинок. Штучний інтелект робить набір тексту. Ви робите дизайн. Цей поділ робить прототип за вихідні можливим для тих, хто не є старшим інженером.


5 навичок прототипування ігор зі штучним інтелектом на Vibe Skills

Ці навички створені для скорочення фази шаблонного коду вихідного прототипу. Усі вони знаходяться в категорії 3D Games на Vibe Skills і постачаються з шаблоном Three.js, робочим конвеєром збірки та експортом, готовим для itch.io.

1. Шаблонізатор ігор Three.js

Відправна точка для майже кожного вихідного 3D-прототипу. Генерує сцену Three.js з контролером гравця, камерою від третьої особи, базовим освітленням, скайбоксом та поверхнею землі з колізіями. Результат - проект Vite, який можна запустити за допомогою pnpm dev за 30 секунд, і pnpm build, який створює HTML-пакет, готовий для itch.io.

Найкраще для: будь-якого жанру, крім чисто 2D. Використовуйте це як ваш проект нульового дня.

2. Навичка «Першоособовий ходок»

Генерує відшліфований контролер від першої особи (WASD + огляд мишею + гравітація + спринт + стрибок) з гаками для аудіо кроків та легким гойданням голови. Додайте свою власну сітку рівня зверху, і до обіду суботи у вас буде симулятор ходьби, прототип жахів або музейна гра.

Найкраще для: симуляторів ходьби, жахів, прототипів дослідження, наративних ігор.

3. Комплект арено-шутера зверху вниз

Генерує камеру зверху вниз, контролер з двома стіками (клавіатура або геймпад), спавнер хвиль, базовий ШІ ворогів, систему снарядів та HUD для підрахунку очок. Ігровий цикл шутера - це перевірена основа геймплею - замінюйте арт та шаблон спавну, і у вас буде абсолютно нова гра.

Найкраще для: аркадних шутерів, bullet hell, ігор з двома стіками.

4. Каркас 3D-головоломки-платформера

Генерує контролер платформера від третьої особи (змінний стрибок, час койота, виявлення виступів), систему контрольних точок та шаблон рівня з трьома заповнювачами рівнів, які ви можете редагувати в Blender або безпосередньо в коді. Включає цикл смерті/відродження та тригер завершення рівня.

Найкраще для: головоломки-платформери, прототипи паркуру, інді-ігри, придатні для швидкісного проходження.

5. Пісочниця водіння в браузері

Генерує аркадне відчуття водіння (крива прискорення, фізика дрифту, затримка камери, базовий ландшафт) плюс низькополігональний автомобіль, який можна перефарбувати за 10 секунд. Додайте сітку траси, і до суботньої вечері у вас буде прототип гонок.

Найкраще для: аркадних гонок, бездоріжжя, симуляторів руху, тестування відчуття автомобіля.

Переглянути всі навички 3D-ігор на Vibe Skills →


Робочий процес з п’ятниці по неділю

Це точний графік, що вміщується у вихідні. Налаштуйте час початку, але дотримуйтесь порядку фаз.

П’ятниця 18:00 - 22:00: Обсяг та налаштування

Крок 1: Виберіть навичку прототипування ігор Vibe Skills. Перегляньте категорію 3D Games та виберіть навичку, що відповідає жанру, який ви хочете створити. Якщо ви ще не знаєте, виберіть Шаблонізатор ігор Three.js - він адаптується до всього.

Крок 2: Напишіть односторінковий документ дизайну. Відкрийте новий документ і дайте відповідь на ці п’ять питань звичайним англійським текстом. Не пропускайте жодного з них.

  • Що гравець робить кожні 5 секунд? (основний цикл)
  • Яка умова перемоги? Яка умова поразки?
  • Скільки рівнів або яка тривалість одного забігу?
  • Який візуальний акцент? (освітлення, колірна палітра, стилістична довідка)
  • Яка одна функція робить цю гру незабутньою за 30 секунд гри?

Крок 3: Встановіть навичку та запустіть шаблонний код. Отримайте робочу збірку, що працює локально. До півночі ви повинні бачити, як персонаж гравця рухається в сцені Three.js. Якщо ні, зменште обсяг - змініть жанр, спростіть камеру або виберіть меншу навичку.

Субота 9:00 - 13:00: Створення основної механіки

Крок 4: Замініть механіку-заповнювач своєю однією функцією. Це єдина функція, яка має значення. Якщо ваша гра - «першоособова риболовля на озері з привидами», сьогоднішній ранок - це лише логіка закидання вудки та відчуття шейдера води. Нічого іншого.

Крок 5: Запустіть стан перемоги/поразки. Прототип тривалістю 60 секунд з екраном перемоги відчувається як гра. Прототип тривалістю 60 хвилин без кінцевого стану відчувається як технологічна демонстрація. Завжди випускайте кінцевий стан першим.

Субота 13:00 - 20:00: Додавання контенту та рівнів

Крок 6: Створіть один повністю грабельний рівень або забіг. Не три напівзроблені рівні - один відшліфований. Використовуйте кубики-заповнювачі для геометрії. Використовуйте персонажа-заповнювач навички. Налаштуйте відчуття.

Крок 7: Додайте спливаюче вікно підручника. Дворядкове повідомлення «WASD для руху, клік для риболовлі» при першому запуску врятує вашу сторінку itch.io від розгублених гравців, які здаються через 8 секунд.

Неділя 10:00 - 16:00: Доопрацювання

Крок 8: Додайте звук. Навіть три звуки (крок, фонова петля, звуковий сигнал перемоги) значно покращують прототип. Безкоштовні джерела: freesound.org, opengameart.org, згенеровані штучним інтелектом програми для звукових ефектів на inference.sh.

Крок 9: Додайте «сік». Частинки при ударі, струшування екрану при зіткненні, спливаюче число при зарахуванні очок. «Сік» - це те, що робить 48-годинний прототип схожим на 6-місячний у GIF.

Крок 10: Прохід для виправлення помилок. Зіграйте у свою збірку п’ять разів поспіль. Виправте все, що ламається двічі. Ігноруйте все, що ламається один раз.

Неділя 16:00 - 20:00: Випуск

Крок 11: Створіть виробничий пакет. pnpm build у проекті вашої навички. Перевірте виробничу збірку у свіжій вкладці браузера.

Крок 12: Створіть сторінку itch.io. Назва, однорядковий слоган, три скріншоти, один GIF, елементи керування, кредити, посилання на ваш девлог. Вся сторінка повинна зайняти 45 хвилин, якщо у вас готові асети.

Крок 13: Опублікуйте посилання. Twitter, Bluesky, ваш Discord-сервер для розробників, відповідний сабреддіт. Використовуйте GIF як попередній перегляд, а не скріншот. Десятки, що включають назву навички штучного інтелекту (та посилання на неї), зазвичай отримують більше кліків.


Що робити, коли ви досягаєте «суботньої стіни»

Більшість вихідних прототипів вмирають у суботу вдень. Механіка складніша, ніж здавалося, фізика дивна, і ви починаєте сумніватися, чи весела гра. Це стіна. Кожен розробник джемів стикається з нею.

Три рятівні рухи:

  • Скоротіть функцію. Якщо бос-бій вас дратує, скоротіть боса. Якщо багатокористувацький режим зламаний, випускайте однокористувацький. Випущений прототип завжди кращий за незавершений амбітний.
  • Перейдіть на асети-заповнювачі. Якщо ви витрачаєте суботу в Blender, зупиніться. Використовуйте кубики та капсули. Відшліфованість виграє прототипи; асети виграють оновлення після джему.
  • Перечитайте документ дизайну. Яка одна функція мала значення? Присвятите решту суботи лише їй.

Заповнювачі навички достатньо гарні, щоб випустити їх. Гравці судитимуть за відчуттям, «соком» та циклом. Вони не судитимуть за скелею на задньому плані.


Де розміщувати та як ділитися

itch.io - це стандарт для браузерних прототипів ігор, беззастережно. Безкоштовний хостинг, без черги на перегляд, вбудовані елементи працюють скрізь, а аудиторія очікує сирих вихідних збірок. Newgrounds - добрий другий варіант, якщо ваша гра має комедійний або аркадний кут.

Для видимості:

  • Подавайте заявку на справжній ігровий джем, якщо ваші вихідні збігаються з ним (Ludum Dare, GMTK, js13k для обмежених за розміром збірок, GitHub Game Off у листопаді). Навіть поза офіційним джемом, публікація на сторінці, присвяченій джему, привертає увагу.
  • Одночасно опублікуйте 15-секундний GIF у Twitter, Bluesky та r/IndieDev / r/IndieGaming з посиланням на itch.io.
  • Додайте девлог до своєї сторінки itch.io - один абзац про те, яку навичку штучного інтелекту ви використовували і що змінилося за вихідні.

Перші 100 відтворень зазвичай надходять з ваших власних облікових записів у соціальних мережах та одного добре позначеного посту на Reddit. Після цього сторінки «Нове» та «Популярне» на itch.io беруть своє.


Часті запитання

Чи справді я можу створити 3D-гру за 48 годин без досвіду розробки ігор?

Так, для прототипу, ні, для відшліфованої гри. Вихідні дають вам одну грабельну механіку зі станом перемоги/поразки, один рівень та сторінку itch.io. Цього достатньо, щоб перевірити ідею, створити портфоліо та вирішити, чи заслуговує вона на довшу розробку. Навички штучного інтелекту на Vibe Skills займаються шаблонним кодом, тому вихідні присвячуються дизайну, а не налаштуванню.

Чи варто мені працювати самостійно чи в команді для вихідного прототипу?

Самостійно для першого. Команда для другого. Самостійні прототипи випускаються частіше, тому що немає витрат на координацію. Як тільки ви знаєте свій власний темп, команда з 2 осіб (один дизайн + код, один арт + звук) є ідеальною для вихідних. Команди з 4+ осіб зазвичай не випускають за 48 годин.

Чи потрібно мені знати Three.js або ігровий рушій перед початком?

Вам потрібно знати достатньо JavaScript, щоб читати згенерований штучним інтелектом код і налаштовувати значення. Вам не потрібно писати Three.js з нуля. Навички прототипування 3D-ігор Vibe Skills генерують налаштування рушія; ви пишете геймплей. Якщо ви можете редагувати React або звичайний JS, ви можете випустити прототип Three.js за вихідні.

Як монетизувати прототип за вихідні?

Зазвичай ви цього не робите. Перший прототип призначений для портфоліо, валідації та навчання. Як тільки прототип набирає обертів (10 тис.+ відтворень на itch.io - добрий сигнал), типові шляхи монетизації: «плати скільки хочеш» на itch, збірка Steam Early Access або веб-версія з рекламою на порталах на кшталт CrazyGames. Для вихідних збірок зосередьтеся на випуску та контенті девлогу - дохід - це проблема третього місяця.

Що робити, якщо моя гра розбивається, коли я вивантажую її на itch.io?

Перевірте виробничу збірку перед завантаженням. Більшість вихідних прототипів ламаються у виробничому середовищі через шляхи до асетів або налаштування контексту WebGL - обидва виправні за 5 хвилин, якщо ви їх помітите локально. Конвеєр збірки, що постачається з навичками на Vibe Skills, налаштований для хостингу HTML5 itch.io «з коробки», що усуває більшість цих проблем.

Чи можу я продавати або модифікувати код з навички гри Vibe Skills?

Так. Навички на Vibe Skills постачаються з ліцензією, дружньою до комерційного використання, яка дозволяє вам випускати код у вашій власній випущеній грі на itch.io, Steam або будь-де ще. Творці зберігають інтелектуальну власність своєї навички; ви зберігаєте інтелектуальну власність вашої гри, побудованої на її основі.


Випустіть прототип цими вихідними

Найбільша причина, чому вихідні прототипи не випускаються, - це не вибір навичок чи рушія. Це п’ятничний вечір, коли ви «дослідите трохи більше» і так ніколи не почнете. Наступними вільними вихідними дотримуйтесь чотирифазного плану: обсяг у п’ятницю, розробка в суботу вранці, контент у суботу вдень, доопрацювання та випуск у неділю. Використовуйте навичку прототипування 3D-ігор, щоб шаблонний код був готовий до того, як ви вип’єте каву в суботу.

Портфоліо ваших перших десяти вихідних прототипів варте більше, ніж ваша гіпотетична шестимісячна гра мрії. Спочатку випускайте маленькі.

Переглянути навички прототипування 3D-ігор на Vibe Skills →


Пропустіть марафон шаблонного коду Three.js. Встановіть навичку прототипування 3D-ігор на Vibe Skills та випустіть грабельний збір до неділі ввечері.

Як створити прототип 3D гри за вихідні з використанням штучного інтелекту - Vibe Skills preview
Vibe Skills
Vibe Skills

Переглядайте сотні готових навичок для Claude, Cursor та інших.