От слов к делу. Делаем игру в браузере за вечер: Phaser + DeepSeek. Бесплатно и без регистрации
Мой прошлый пост-манифест встретили, мягко говоря, прохладно. И это справедливо: на Пикабу любят «мясо», а не рассуждения о будущем. Поэтому отключаем режим визионера и переходим к практике.
Сегодня я покажу техническую сторону процесса: как, не будучи программистом, собрать рабочий прототип игры за пару вечеров. Я использую ИИ как инструмент (junior-разработчика), который пишет код, пока я занимаюсь геймдизайном и логикой.
Ниже - пошаговый гайд: какой стек выбрать, как ставить задачи нейросети, чтобы она не писала бред, и как получить готовый результат, а не просто кусок текста. Погнали.
Чтобы не быть голословным, показываю свой рабочий набор инструментов. Он идеально подходит для тех, кто хочет «просто попробовать», не скачивая гигабайты софта типа Unity или Unreal Engine.
Нам понадобятся 3 инструмента (все бесплатные):
Игровой движок: Phaser (версия 3)
Почему он? Это библиотека JavaScript. Не пугайтесь слова JavaScript. Для нас главное, что игры на Phaser запускаются в любом браузере (даже с телефона), они легкие, и нейросети отлично знают документацию этого движка.Мозг: DeepSeek (или любая LLM)
Берем DeepSeek, потому что он бесплатный, отлично пишет код и (важно!) работает в РФ без танцев с бубном.Среда разработки: Visual Studio Code (VS Code)
Звучит страшно, но на деле это просто продвинутый блокнот. Он нам нужен для одной фишки Live Server.
Шаг 1. Подготовка (5 минут)
Качаем и ставим VS Code. Внутри программы заходим в раздел «Расширения» (квадратики слева) и пишем в поиске Live Server. Жмем Install.
Всё. Теперь мы можем запускать нашу игру в браузере в один клик.
Шаг 2. Промпт (ТЗ для нейросети)
Многие думают, что нужно знать секретные заклинания. На самом деле, чем проще и логичнее вы опишете задачу, тем лучше будет результат.
Главный секрет: Обязательно укажите, что мы используем библиотеку Phaser 3 и хотим получить код в одном HTML-файле (так проще для старта).
Мой промпт для теста:
«Напиши код игры "Арканоид" (Breakout) в одном HTML-файле, используя библиотеку Phaser 3.
Требования:
Управление платформой мышкой.
Сверху 3 ряда цветных кирпичей.
При падении мяча вниз — перезапуск.
Добавь счетчик очков.
Используй простую геометрию вместо картинок».
Шаг 3. Магия (Копипаст)
Нейросеть выдаст вам «полотно» кода.
Создаем папку на рабочем столе.
Открываем её в VS Code.
Создаем файл index.html.
Вставляем туда код от нейросети.
Шаг 4. Запуск
В VS Code жмем правой кнопкой мыши по файлу -> Open with Live Server.
Откроется браузер, и... скорее всего, вы увидите свою игру.
Реальность
Конечно, с первого раза может не получиться идеально. Например, мяч может застрять в стене или ракетка улетит за экран.
Тут начинается работа «оператора нейросети». Вы просто пишете в чат: «Платформа уезжает за пределы экрана, исправь это». И заменяете код.
Итог:
За 15 минут у нас есть играбельный прототип. Да, это не Cyberpunk 2077, но это ваша игра, которая работает.
