Меню, поле, пауза, результат
Четыре понятных экрана и переходы между ними. Никаких белых страниц и кнопок, которые ничего не делают.
Категория · игры и интерактив
Сначала смешно, потом затягивает
Десять браузерных игр — от гонок и платформера до квеста с загадками. Каждую можно собрать своими руками по описанию: один HTML-файл, вечер времени и никакого Unity.
- 10 сценариев
- без движка
- телефон и клавиатура
- рекорд в браузере
Бот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.
Небо-квест
макет · демо
Счёт 12 480
Рекорд 18 200
Жизни
Это CSS-макет, а не скриншот готовой игры. Ваша будет выглядеть иначе: персонажа, палитру и правило вы описываете сами.
Что вы получите
Игру, а не презентацию о ней
Внутри файла — всё, чтобы запустить игру и показать её друзьям. Без регистрации, сервера и установки.
Счёт, жизни и рекорд
Очки растут за действия, лучший результат сохраняется в браузере и показывается в меню после перезапуска.
Клавиатура и телефон
На ноутбуке — стрелки и пробел, на телефоне — свайпы и крупные экранные кнопки. Игра подстраивается под ширину экрана.
Демо-рекорды и кнопка удаления
Чтобы экран не выглядел пустым, внутри лежат несколько тестовых результатов. Кнопка «Удалить тестовые данные» убирает их одним нажатием.
Пять причин собрать самому
Почему это спокойнее, чем отдавать игру на разработку
Никого не нужно убеждать, что игра стоит своих денег. Вы собираете свою и сами решаете, что в ней будет.
Экономия без сметы
Вы не платите за часы разработчика и не вносите ежемесячную плату за доступ к чужому сервису. Стартовые 5 000 000 токенов бесплатны, а файл остаётся у вас.
Система адаптируется под вас
Двойной прыжок, таймер, второй игрок, другой персонаж — это не «новая версия», а новая фраза в чате. Поля, статусы и экраны меняются без программиста.
Игра принадлежит вам
Один HTML-файл открывается в браузере двойным щелчком. Рекорды лежат в localStorage на вашем устройстве, а не на чужом сервере, который может закрыться.
Не нужно объяснять задачу пять раз
Вы сами формулируете, что поменять, и сразу видите результат. Если формулировка неточная — переписываете её, а не ждёте письма с правками.
Нет лимитов тарифа на функции
Уровни, звук, рекорд, экран паузы, мобильное управление — добавляете, когда понадобилось. Каждая новая механика — сообщение в чат, а не новый платёж и не ожидание следующего обновления сервиса.
Как это устроено
Откуда берутся семь шагов
Сначала короткий путь: бот, браузер, промпт, вопросы. Всё остальное — уже внутри приложения.
Напишите боту «старт»
В Telegram-боте @get_ai_access_bot отправьте слово «старт». Он пришлёт ссылку на установку приложения AI DIY и 5 000 000 токенов.
Откройте веб-интерфейс
В приложении нажмите «Открыть веб-интерфейс». Это тот же инструмент, только в браузере — скачивать и настраивать ничего не нужно.
Создайте проект и вставьте промпт
Назовите проект понятным именем, например «Моя игра», и вставьте промпт, который лежит ниже на этой странице.
Ответьте на вопросы
Бот задаст 8–15 вопросов о жанре, управлении и правилах. После ответов отдаст готовый HTML-файл вашей игры.
Дальше — те самые семь шагов, по кнопкам. Промпт — ниже.
Инструкция 7 шагов
От установки до файла, который запускается
Кнопки называю так, как они подписаны в интерфейсе. Эти шаги одинаковые для любой игры — идите по порядку и не пропускайте вопросы.
Проверьте установку
Приложение уже установлено: ссылку на установку прислал бот после слова «старт». Если ссылка потерялась — вернитесь в бот и отправьте «старт» ещё раз.
Откройте веб-интерфейс
В окне приложения нажмите Открыть веб-интерфейс. Дальше вы работаете в браузере, как с обычной страницей.
Создайте проект
На странице «Ваши проекты» нажмите Создать проект. Пустой проект — это чистое поле для вашей игры.
Назовите проект
Впишите название, например «Небо-квест», и нажмите Создать проект. Название потом можно поменять.
Вставьте промпт
Скопируйте промпт с этой страницы кнопкой «Скопировать промпт», кликните в поле сообщения и нажмите Ctrl + V. На Mac — Cmd + V.
Отправьте
Нажмите Отправить ↑ или клавишу Enter. Бот начнёт задавать вопросы о вашей игре.
Заберите файл
Ответьте на 8–15 вопросов и получите готовый HTML-файл. Откройте его в браузере двойным щелчком, проверьте на телефоне. Дальше правьте словами: «ускорь игрока», «добавь уровень», «смени цвет».
Промпт целиком — ниже на этой странице. Его не нужно скачивать отдельным файлом.
Сценарии категории
Десять сценариев: выберите свой
Это не готовые игры, а направления. В каждом можно поменять персонажа, правило, палитру и управление — промпт один и тот же.
3D→
3D-игра по описанию
Объясните словами, что видно в кадре, и получите сцену без Unity. Подойдёт, если хочется объём, а не плоскую картинку.
01 · сценарий гонки→Гонки
Трасса, скорость и рекорд круга — браузер не просит установки.
02 · сценарий платформер→Платформер
Прыжки по платформам и уровни, которые добавляются новой фразой.
03 · сценарий аркада→Аркада
Олдскульный счёт, жизни и один экран, с которого не хочется уходить.
04 · сценарий квест→Квест
Комната с загадками и предметами: игрок ищет, вы проверяете логику.
05 · сценарий головоломка→Головоломка
Пятнашки и логика на кубиках: пять минут перед сном превращаются в час.
06 · сценарий ферма→Ферма
Грядки, ресурсы и прогресс без движка и без установки.
07 · сценарий космос→Космос
Полёт между астероидами и стрельба: проверка реакции на телефоне.
08 · сценарий змейка→Змейка
Классика на 3D-поле с рекордом, который сохраняется в браузере.
09 · сценарий детям→Детская игра
Простая игра для ребёнка 5–8 лет: крупные кнопки и понятное правило.
10 · сценарий
Что общего у всех сценариев
Один файл, который не просит сервер
HTML, CSS и JavaScript внутри
Никаких npm, сборщиков и папок с зависимостями. Файл открывается в браузере даже без интернета.
Данные остаются у вас
Рекорды и настройки хранятся в localStorage браузера. Их можно очистить или перенести файл на другой компьютер.
Правки — обычные слова
«Сделай прыжок выше», «добавь второй уровень», «убери звук» — бот меняет файл, а не объясняет, почему это сложно.
Демо-данные с кнопкой удаления
Тестовые рекорды нужны, чтобы экран не был пустым. Кнопка «Удалить тестовые данные» убирает их одним нажатием.
Если честно, дольше всего вы будете придумывать не код, а правило: что считается победой и когда игра заканчивается. Это нормально — с этого и начинается игра.
Промпт
Промпт для игры: скопируйте целиком
Он универсальный: подойдёт для гонки, квеста, змейки и детской игры. В первых вопросах бот уточнит жанр и правила, поэтому менять текст не обязательно.
Ты — senior game designer, UX-архитектор и frontend-разработчик. Помоги человеку без технических знаний собрать браузерную игру. Он не должен проектировать данные и архитектуру — это твоя работа.
СНАЧАЛА КОРОТКИЙ ОПРОС
Задай 8–15 вопросов на понятном языке, с вариантами ответов: жанр и цель; управление; сколько уровней; что считается проигрышем; нужен ли звук; для кого игра; какой визуальный стиль нравится. Не спрашивай про фреймворки, базы данных, компоненты, API и архитектуру. После ответов коротко перескажи, что понял, и только потом начинай.
САМ СПРОЕКТИРУЙ
Сущности: игрок, уровень, счёт, рекорд, препятствие. Их поля и связи по стабильным ID. Статусы: меню → игра → пауза → победа или проигрыш. Экраны: меню, «как играть», игровое поле, пауза, экран результата. Предусмотри пустые состояния, подтверждения опасных действий и понятный возврат в меню. Новый связанный объект должен создаваться прямо из текущей формы, без перехода в другой раздел.
КЛЮЧЕВЫЕ МОДУЛИ
Меню и старт, управление с клавиатуры и тача, счёт и рекорд, уровни, пауза и рестарт. Добавь только то, что реально следует из задачи, без функций «для галочки».
ДИЗАЙН
Сам выбери цельную систему: аккуратная типографика, понятная иерархия, единые компоненты, состояния hover и focus, адаптив от 360 px. Никаких декоративных цифр и визуального шума. Игра должна читаться на телефоне, а не только на большом мониторе.
ТЕХНИЧЕСКИ
Один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище. Без backend, сборщиков, npm и обязательного сервера. Внутри файла раздели слои: хранение → сущности → действия → компоненты → экраны → навигация. После любого изменения данные сохраняются, а интерфейс обновляется сразу, без перезагрузки.
ДЕМО-ДАННЫЕ
Добавь немного реалистичных тестовых рекордов и кнопку «Удалить тестовые данные» с подтверждением и одноразовым действием. Предусмотри пустые поля, битые данные в localStorage, удаление связанных записей и закрытие модальных окон по Escape и клику на фон.
ПРОВЕРКА ПЕРЕД ВЫДАЧЕЙ
Сам пройди основные сценарии: старт, пауза, проигрыш, рестарт, перезагрузка страницы, игра на телефоне. Исправь найденное. Ответ — полный готовый HTML-файл. Дальнейшие правки — тоже полным файлом. Если пришлю DESIGN.md — следуй ему.
Моя задача: ___ (одна фраза о том, какую игру я хочу собрать).Вставьте промпт в поле сообщения нового проекта. Если бот задаёт вопросы — отвечайте своими словами: это часть сборки, а не ошибка.
Вопросы
Что обычно спрашивают перед первой игрой
Нужен ли Unity или игровой движок?
Нет. Игра собирается на HTML, CSS и JavaScript в одном файле. Движок, физика и столкновения описываются кодом внутри файла — вам не нужно устанавливать редактор.
Будет ли игра работать на телефоне?
Да, если попросить управление с тача. На практике чаще всего ломается именно мобильное управление: проверьте свайпы и экранные кнопки до того, как показывать игру друзьям.
Можно ли добавить звук, уровни и второго игрока?
Можно. Это обычные правки словами. Звук делается через Web Audio API и включается кнопкой, уровни добавляются как новые отрезки, второй игрок — как второй набор управления.
Где хранятся рекорды и что будет, если очистить браузер?
В localStorage на вашем устройстве. Если очистить данные сайта, рекорды исчезнут; сам файл игры при этом не пострадает.
Сколько времени и токенов уйдёт на первую игру?
На первую игру обычно уходит вечер: вопросы, файл, пара правок. 5 000 000 токенов бесплатны, файл остаётся у вас навсегда.
Соберите игру, в которую сыграете ещё раз
Начните с одной механики: прыжок, выстрел или сбор предметов. Остальное добавите словами, когда захочется.
Забрать установку в ботеБот пришлёт ссылку на установку и 5 000 000 токенов. Дальше всё по инструкции с этой страницы.