Как сделать игру с помощью нейросети: код, графика и сюжет

Сделать свою небольшую игру с нейросетью можно за вечер, даже если вы раньше не программировали. Модель чата пишет код, модель картинок рисует фон, персонажей и обложку, а вы решаете, во что должно быть интересно играть. Ниже — пошаговый путь от идеи до игры, которая открывается в браузере, какие модели boonan брать на каждом шаге и где у такого способа пределы.

Что получится и что нет

На boonan модель отвечает текстом и рисует картинки по описанию. Она не запускает игру, не собирает проект и не публикует его за вас. Зато с её помощью реально сделать:

• Браузерную игру в одном HTML-файле — змейку, арканоид, раннер, головоломку, викторину, «кликер», простой платформер. Такой файл открывается двойным щелчком в любом браузере, без установки программ.
• Текстовый квест — ветвящуюся историю с выбором, на HTML или в формате для Twine, Ren'Py, Ink.
• Прототип для движка — скрипты на GDScript для Godot, C# для Unity, Lua для LÖVE или Defold: модель напишет код, а собирать сцену в движке придётся вам.
• Графику и тексты — фоны, персонажей, предметы, обложку, названия, диалоги, описания уровней.

Чего ждать не стоит: большая игра с десятками механик за один запрос не пишется. Ответ модели ограничен примерно 8000 токенов вместе с рассуждениями — это несколько сотен строк кода. Игру растят по шагам, как и любую программу.

Шаг 1. Придумайте игру одной фразой

Начните с простой механики, в которую интересно играть уже в первую минуту. Хорошие первые проекты: игрок уворачивается от падающих предметов, змейка ест яблоки, нужно соединить одинаковые плитки, герой прыгает через препятствия.

Если идеи нет, попросите модель подкинуть варианты:

Предложи 10 идей простых браузерных игр, которые можно сделать в одном HTML-файле
за вечер. Для каждой: одна фраза о механике, управление, чем она затягивает.
Без графики сложнее простых фигур.

Для идей и текстов хватает недорогих моделей — GPT-6 Luna или DeepSeek V4.1 Flash.

Шаг 2. Получите первую рабочую версию

Попросите игру целиком в одном файле и без внешних библиотек — так её проще всего запустить. Опишите управление, цель, условие проигрыша и что показывать на экране.

Напиши браузерную игру в одном HTML-файле, без внешних библиотек и картинок,
графика — простые фигуры на <canvas>.
Механика: игрок — квадрат внизу экрана, двигается стрелками влево-вправо.
Сверху падают круги, скорость постепенно растёт. Поймал круг — +1 очко,
пропустил три — игра окончена. Показывай счёт и рекорд (храни в localStorage).
После проигрыша — экран «Игра окончена» и кнопка «Ещё раз».
Управление должно работать и на телефоне: касание левой/правой половины экрана.
Ответ: только код файла целиком.

Сохраните ответ в файл с расширением .html — в любом текстовом редакторе, например в «Блокноте» или TextEdit в режиме простого текста — и откройте его в браузере.

Для кода берите модель посильнее: Gemini 3.8 Flash — быстрая и недорогая, Google отдельно подтянула в ней программирование; GPT-6 Sol и Claude Opus 5.5 — для механик посложнее. Если код не запускается, не спешите переходить на флагман: чаще помогает точное описание ошибки (шаг 3).

Шаг 3. Доводите игру правками

Дальше работает простой цикл: играете, замечаете, что не так, и просите конкретную правку. Текущий файл игры удобно прикреплять к сообщению — boonan принимает .html, .js, .css и другие текстовые файлы до 1 МБ, до пяти за раз.

Прикладываю текущую версию игры.
1. Круги иногда появляются за краем экрана — исправь.
2. Добавь бонус: зелёный круг раз в 20 секунд, ловишь — замедление на 5 секунд.
3. Добавь звук при поимке через Web Audio API, без файлов.
Покажи файл целиком.

Несколько советов:

• Одна-три правки за раз. Длинный список изменений модель выполняет хуже и чаще ломает то, что работало.
• Ошибку присылайте дословно. В браузере откройте консоль (F12 → Console) и скопируйте красный текст. Можно приложить скриншот — все модели чата на boonan понимают картинки.
• Держите рабочие версии. Перед правкой сохраняйте копию файла. Если новая версия хуже, вернитесь и попросите иначе.
• Когда файл разросся, попросите модель разбить его на index.html, game.js и style.css, а дальше присылайте только тот файл, который меняется.
• Новая большая задача — новый чат. Вся история чата уходит модели с каждым сообщением, и длинный чат стоит дороже. В новом чате приложите текущие файлы и коротко опишите игру.

Шаг 4. Нарисуйте графику

В разделе «Картинки» модели рисуют по текстовому описанию: фон уровня, персонажа, предметы, обложку для страницы игры. Доступны пропорции 1:1, 3:4, 4:3, 9:16 и 16:9 — для фона горизонтальной игры подойдёт 16:9, для мобильной — 9:16.

Фон для 2D-игры-раннера: ночной киберпанк-город в стиле пиксель-арт,
вид сбоку, неоновые вывески, без персонажей и без надписей.
Нижняя четверть кадра — ровная дорога, по которой будет бежать герой.

Персонаж для 2D-игры: маленький робот-курьер с антенной, вид сбоку,
стиль пиксель-арт 32×32, яркие цвета, однотонный белый фон,
персонаж целиком в кадре и по центру.

Что важно знать:

• Одна картинка — один запрос. Модель рисует каждую картинку заново. Сохранить внешность персонажа между картинками, отредактировать готовую или нарисовать по вашему эскизу на boonan нельзя — только по тексту. Поэтому для единого стиля повторяйте в каждом запросе одни и те же слова о стиле и палитре.
• Фон под персонажем придётся убрать. Просите однотонный фон, а затем вырежьте персонажа в любом редакторе с удалением фона. Прозрачный PNG сразу из генерации не гарантирован.
• Анимацию модель не рисует. Набор кадров ходьбы в одном листе (спрайт-лист) получается неровным. Для первой игры проще обойтись одной картинкой на объект и анимировать её кодом: покачивание, наклон, мигание.
• Надписи на графике проверяйте. Для обложки с названием игры лучше всего подходят Nano Banana 2 и GPT Image 2.5 Sunburst. Короткие надписи латиницей выходят стабильнее длинных по-русски.

Для черновиков и поиска стиля берите недорогие Seedream 5.0 Lite или Nano Banana 2 Lite, для финальной графики — Nano Banana 2, FLUX.2 Pro или GPT Image 2.5 Flare. Подробнее — в гайдах по Nano Banana, FLUX, GPT Image и Seedream.

Чтобы подключить картинки, сохраните их рядом с HTML-файлом и попросите модель чата: «замени квадрат игрока на картинку player.png, а фон — на background.jpg; размеры подгони под canvas».

Шаг 5. Тексты, уровни и баланс

Модель чата пригодится не только для кода:

• Сюжет и диалоги. «Напиши вступление на пять реплик для игры про робота-курьера в ночном городе. Тон — лёгкий, с юмором».
• Уровни. «Придумай 10 уровней для головоломки с плитками: от обучающего до сложного. Опиши каждый как массив строк, где # — стена, . — пол, @ — игрок».
• Баланс. Пришлите параметры (скорость, урон, очки) и опишите, что ощущается не так: «первые 30 секунд скучно, потом сразу слишком сложно». Попросите формулу плавного роста сложности.
• Название и описание для страницы игры или публикации.

Шаг 6. Поделитесь игрой

Игру в одном HTML-файле можно просто отправить другу — она откроется в браузере. Чтобы дать ссылку, файл выкладывают на бесплатный хостинг статических страниц или на площадку для инди-игр. Модель подскажет, как подготовить файлы под выбранную площадку, но саму публикацию делаете вы.

Какую модель брать на каждом шаге

Шаг	Недорого	Если не справилась
Идеи, тексты, диалоги	GPT-6 Luna, DeepSeek V4.1 Flash	Claude Sonnet 5
Первая версия игры	Gemini 3.8 Flash	GPT-6 Sol, Claude Opus 5.5
Сложная механика, физика, ИИ противников	GPT-6 Sol	GPT-6 Astra, Claude Fable 5.1
Поиск стиля графики	Seedream 5.0 Lite, Nano Banana 2 Lite	Nano Banana 2
Финальная графика и обложка	Nano Banana 2, GPT Image 2.5 Flare	FLUX.2 Pro, GPT Image 2.5 Sunburst

Цена каждого запроса видна до отправки, а неудачный запрос — ошибка или пустой ответ — ничего не стоит. Все цены — на странице «Модели и цены». Про работу с кодом подробнее — в гайде «Как писать код с нейросетью».

Частые вопросы

Нужно ли уметь программировать?

Для простой игры в одном файле — нет: достаточно сохранить ответ в файл и открыть его в браузере. Но чем дальше, тем полезнее понимать, что делает код. Просите модель объяснять изменения простыми словами — так вы быстро начнёте разбираться.

Можно ли сделать игру для телефона?

Браузерная игра работает и на телефоне, если сразу попросить управление касаниями и адаптацию под размер экрана. Приложение для App Store или Google Play — отдельная работа: модель поможет с кодом для движка, но собирать и публиковать его придётся в среде разработки.

Модель начала ломать то, что раньше работало. Что делать?

Вернитесь к последней рабочей версии файла, начните новый чат, приложите этот файл и попросите одну правку. Если ошибка повторяется, задайте тот же вопрос другой модели.

Можно ли использовать картинки из генерации в своей игре?

Условия использования сгенерированных изображений задают их разработчики — OpenAI, Google, Black Forest Labs, ByteDance. Если собираетесь продавать игру, прочитайте их правила для выбранной модели. Картинки Google (Nano Banana) помечены невидимым водяным знаком SynthID.