Всем привет! На связи Антон Дятлов, инженер по информационной безопасности в Selectel. В середине 2025 года я решил реализовать амбициозную задачу: создать браузерную игру для конференции Selectel Tech Day, вдохновленную эстетикой Hotline Miami. Поскольку навыков разработки на JS или Java у меня не было, я обратился к нейросетям, способным генерировать готовый программный код, графику и звуковое сопровождение на основе текстового описания.
Я протестировал несколько инструментов. Sider AI оказался отличным помощником в рутинных задачах, но с игростроем не справился. Rosebud AI выдавал впечатляющий результат, однако жесткие лимиты на кредиты и платный доступ к исходному коду сделали его не лучшим выбором для эксперимента. В конечном счете мой выбор пал на Flowith — сервис, позволяющий создавать полноценные веб-игры через промпты. Ниже я подробно опишу свой путь, сделанные выводы и результаты работы с этой платформой.
Сразу отмечу: я не геймдизайнер и не фронтенд-разработчик, мой профиль — кибербезопасность. Этот материал не является инструкцией по созданию коммерческих игровых проектов на ИИ, а скорее представляет собой отчет о личном эксперименте и изучении возможностей генеративных технологий.
Цель заключалась в попытке собрать рабочий прототип с нуля, параллельно вникая в основы разработки через документацию и тематические форумы. Такой подход оправдан для прототипирования или обучения, однако для коммерческой разработки полагаться исключительно на ИИ я бы не советовал. Любая автоматическая генерация требует глубокого аудита, доработки и понимания того, что именно создала модель.
Навигация по статье:
История возникновения эксперимента
При подготовке активностей для Selectel Tech Day мы искали интерактивный формат, способный вовлечь аудиторию. Идея создать динамичную бродилку с элементами квеста показалась нам идеальной. Как я уже упомянул, я выбрал Flowith. В 2025 году интерфейс платформы был максимально прост и напоминал стандартный чат-бот. Мой первый промт выглядел следующим образом:
«Создай 2D-игру с видом сверху, где главный герой — игрушечный тираннозавр (ссылка на фото). Он перемещается по комнате в стиле Hotline Miami (ссылка на фото). В локации размещены серверы, мониторы и ПК. При приближении к объектам (управление через WASD или мышь) запускаются мини-игры на тему ИБ: очистка спама на зараженном компьютере или сборка серверного оборудования из найденных комплектующих. Желательно использовать стек JS или Java».
Процесс разработки в таком ключе выглядит как диалог с ИИ, который последовательно описывает структуру, создает документацию и генерирует программные модули.
NVIDIA L4 в облаке Selectel — от 22,61 ₽/час
Мощности для эффективного запуска языковых и мультимодальных моделей.
Концептуальная идея игры
«Project Cyber-Rex» — это 2D-аркада с видом сверху. Главный герой — игрушечный динозавр, исследующий кабинет, переполненный техникой в неоновом стиле. Основная задача игрока — взаимодействовать с объектами для прохождения мини-игр.
-
Жанр: аркадный квест.
-
Стиль: пиксель-арт с ярким неоновым освещением.
-
Технология: HTML5-браузерная игра.
Механика игрового процесса
Управление было сделано максимально гибким:
-
Клавиатура (WASD или стрелки): перемещение персонажа в четырех направлениях.
-
Мышь (ЛКМ): автоматическое перемещение в точку клика с использованием алгоритма нахождения пути (pathfinding).
Реализация коллизий (физических столкновений) стала обязательным условием, чтобы исключить прохождение персонажа сквозь мебель. Мы добавили триггерные зоны вокруг интерактивных объектов: при входе в них над головой динозавра появляется подсказка «E», нажатие которой открывает мини-игру.
Описание мини-игр
Мини-игра 1. Очистка спама
При активации монитора экран сменяется на интерфейс рабочего стола, где начинают хаотично появляться всплывающие окна. Задача игрока — закрыть каждое окно, кликнув на крестик, чтобы пробиться к иконке антивируса (зеленый щит). Задержка или большое количество окон усложняют задачу.
Мини-игра 2. Сборка сервера
Взаимодействие с пустой серверной стойкой запускает квест по поиску компонентов. Межсетевой экран и коммутатор разбросаны по комнате. Собранные предметы отображаются в инвентаре. Задача игрока — найти детали и установить их в стойку, после чего визуальное состояние оборудования меняется.
Технические аспекты реализации
Для разработки была выбрана библиотека Phaser, отлично подходящая для модульных 2D-проектов. Она позволяет разнести основную сцену и мини-игры на отдельные независимые части.
// Базовая структура инициализации проекта
const config = {
type: Phaser.AUTO,
width: 1280,
height: 720,
physics: {
default: 'arcade',
arcade: { gravity: { y: 0 }, debug: false }
},
scene: [PreloaderScene, MainRoomScene, SpamHuntScene]
};
const game = new Phaser.Game(config);Вся архитектура держится на сценах: PreloaderScene управляет загрузкой ассетов, MainRoomScene отвечает за логику перемещения и триггеры, а SpamHuntScene — за механику закрытия спам-окон. Класс Player.js инкапсулирует состояние персонажа.
Музыкальное сопровождение, сгенерированное ИИ, оказалось на удивление атмосферным и качественным для своего времени.
Плюсы и минусы платформы Flowith
Главный плюс Flowith — интеграция всего стека в одном месте: от графики до кода. Платформа активно использует такие решения, как GPT-5 и специализированные музыкальные модели. Однако есть и существенные недостатки.
Во-первых, сложность генерации спрайтов: анимированный динозавр превращался в «пиксельный квадрат», а физические коллизии иногда блокировали половину локации. Во-вторых, ценовая политика: лимиты на бесплатные запросы заставляют либо дорабатывать всё вручную, либо искать обходные пути. В-третьих, стабильность — ИИ может внезапно «забыть» контекст и вставить старые PNG-файлы вместо актуальных.
Что изменилось в 2026 году
Недавно я вернулся к Flowith и обнаружил релиз Canvas 3.0 с ИИ-агентами, работающими внутри пространства проекта. Интерфейс стал ощутимо сложнее и перегружен функциональными кнопками, что может сбить с толку новичков. Тем не менее, качество генерации кода и возможности моделей выросли, позволяя реализовывать более сложные игровые механики.
Итог моего эксперимента: игра не была доведена до финального релиза для мероприятия (мы предпочли более простые решения), но сам процесс подтвердил, что ИИ позволяет создать базовый прототип даже человеку без опыта в разработке. Если вы новичок, воспринимайте нейросети как помощника для визуализации и создания каркаса игры, а не как инструмент, который сделает всё за вас без контроля качества.
Новые GPU в облаке Selectel — от 131,77 ₽/час
NVIDIA® H200, RTX™ 6000 Pro для самых ресурсоемких задач.
