Инструкция из 7 шагов · без кода и движка

Квест-комната в браузере: загадки, предметы, свой файл

Опишите комнату, предметы и замок с кодом — нейросеть соберёт игру одним HTML-файлом: меню, инвентарь, таймер, счёт и пауза.

Забрать доступ в бота сначала посмотреть инструкцию ↓
Комната 2 из 3 Предметы 3/5 Время 04:12
И
Хранитель комнатыпроходит квест сам
2комната
3/5предметы
07:34рекорд

Макет: комната, записка, полка, кодовый замок, герой и инвентарь.

Результат

Что реально получается: комната с загадками и предметами

Не макет, а играбельная страница: открываете двойным кликом, берёте предметы и подбираете код к двери.

  1. Блокнот, которому три месяца. Схема комнаты, предметы и коды записаны от руки, а показать их можно только фотографией страницы. Пройти такое сможет лишь автор.
  2. Таблица с загадками. Вопросы и ответы разложены по ячейкам, но проверка «пройдёт ли друг» занимает вечер: надо сесть рядом и читать вслух.
  3. Мессенджер, где идея тонет. В чате класса квест обсуждают неделю, а присылают голосовое на четыре минуты. Нужен файл, который проходят без вас.

Сценарий

Как описать игру, чтобы её собрали с первого раза

Промпт ниже готов: копируйте. Но полезно понимать, из чего состоит описание — бот спрашивает по этим блокам.

1

Комната и выход

Где действие и что считается выходом: дверь с кодом, лифт, люк. Фраза «комната с загадками и предметами» уже задаёт каркас.

2

Предметы и инвентарь

Что можно поднять и что оно открывает: ключ от ящика, карта с цифрами, записка с подсказкой. Пять предметов — на две-три загадки.

3

Загадки и проверки

Как вводится ответ: код на панели, порядок нажатий, выбор варианта. И что будет при ошибке — сообщение или новая попытка.

4

Правила, время и счёт

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

Пример фразы, которую бот понимает «Комната с загадками и предметами: на столе лампа, под ней записка с кодом 4-1-7, в ящике ключ, дверь открывается после кода, таймер на пять минут, в конце экран результата».

Сколько это стоит

Три пути к одной комнате — и разная цена

Без точных цен и названий сервисов: только то, что вы платите и получаете.

Что сравниваем Нанять разработчика Купить подписку Собрать самому
Деньги Нанять разработчикаДесятки тысяч рублей за простую игру — и это до правок. Купить подпискуЕжемесячный платёж за доступ к чужому сервису. Собрать самомуФайл на вашем дискеи 5 млн токенов бесплатно, без подписки.
Срок Нанять разработчикаНесколько недель: ТЗ, прототип, игра. Купить подпискуДень на освоение редактора и его правил. Собрать самомуОдин вечерустановка, промпт, ответы бота.
Правки Нанять разработчикаКаждая просьба — новый счёт и срок. Купить подпискуТолько функции тарифа; за нестандарт — доплата. Собрать самомуСловами в том же чате«добавь вторую комнату» — и файл пересобран.
Кому принадлежит результат Нанять разработчикаРазработчику: у вас игра, у него — исходники. Купить подпискуСервису: закроете подписку — потеряете доступ. Собрать самомуВамодин HTML-файл, который можно отдать кому угодно.

На телефоне сравнение раскладывается в три карточки.

Про бесплатные токены. Не пробный час: 5 млн хватает на несколько сборок и правок, так что комнаты можно переделывать спокойно.

Пять причин

Почему собрать самому проще, чем заказать

Разница не в идее, а в числе шагов между «придумал» и «дали пройти».

  1. ЭкономияВместо счёта от подрядчика и подписки — разговор с ботом и один файл.
  2. Приложение принадлежит вамНикакого чужого кабинета: файл открывается локально и остаётся у вас.
  3. Правки словамиНе нужно переписывать ТЗ: «сделай дверь красной» — и всё обновилось.
  4. Не нужно ждать разработчикаСобрали вечером — в тот же вечер и показали.
  5. Нет лимитов тарифаИнвентарь, таймер, уровни и рекорд — части одной задачи, а не платные модули.

Инструкция

Семь шагов: от установки до файла с квестом

Кнопки — как в интерфейсе. На скриншотах уже подставлены «Игра: квест», промпт и жёлтые подсказки.

1Установка

Убедитесь, что приложение установлено

Ссылку бот присылает после слова «старт». Если ярлык уже на рабочем столе — шаг пройден.

Установленное приложение: ярлык на рабочем столе после ссылки от бота
Шаг 1 · приложение на месте
2Веб-интерфейс

Нажмите «Открыть веб-интерфейс»

На стартовом экране нажмите «Открыть веб-интерфейс» — откроется рабочая область в браузере.

Стартовый экран приложения с кнопкой «Открыть веб-интерфейс»
Шаг 2 · кнопка «Открыть веб-интерфейс»
3Новый проект

Нажмите «Создать проект»

В списке проектов нажмите «Создать проект»: у квеста будет отдельный чат, где лежат промпт и правки.

Кнопка «Создать проект» в списке проектов веб-интерфейса
Шаг 3 · кнопка «Создать проект»
4Название

Впишите название и нажмите «Создать проект»

Название нужно только вам: «Игра: квест» или «Комната с загадками». Впишите и подтвердите кнопкой «Создать проект».

Поле названия проекта «Игра: квест» и подтверждение кнопкой «Создать проект»
Шаг 4 · название проекта
5Промпт

Скопируйте промпт с этой страницы и вставьте в поле сообщения

Кнопка «Скопировать промпт» кладёт текст в буфер. Щёлкните поле сообщения и вставьте через Ctrl+V — на телефоне долгим нажатием «Вставить».

Промпт длинный, это нормально: вставляйте весь текст.

Промпт вставлен в поле сообщения проекта через Ctrl+V
Шаг 5 · промпт в поле сообщения
6Отправка

Нажмите «Отправить» ↑

Кнопка «Отправить» со стрелкой вверх отправляет сообщение, Enter делает то же. Дальше бот начнёт задавать вопросы.

Кнопка «Отправить» со стрелкой вверх в поле ввода проекта
Шаг 6 · кнопка «Отправить»
7Результат

Ответьте на 8–15 вопросов бота

Спросит про комнату, предметы и загадки — отвечайте по одному предложению. В конце отдаст HTML-файл: открываете в браузере и проходите.

Готовый HTML-файл квеста, полученный после ответов на вопросы бота
Шаг 7 · файл с игрой на руках

Промпт

Скопируйте текст целиком и вставьте в чат

Скачивать и прикреплять ничего не нужно: кнопка копирует промпт, вы вставляете его в поле сообщения. Менять можно, но копировать лучше весь блок.

Промпт для игры-квеста 
Ты — senior product designer и фронтенд-разработчик.
Сначала задай мне 8–15 простых вопросов о моём квесте: по одному за раз, дожидаясь ответа.
Потом собери игру «Квест» одним HTML-файлом: разметка, стили и скрипты внутри файла, без внешних библиотек, шрифтов и картинок.

Что должно быть в игре:
1. Экран меню: название квеста, кнопка «Начать квест», кнопка «Как играть», одна строка о комнате.
2. Комната: вид сверху или сбоку, стены, пол, мебель из простых фигур, дверь с кодовым замком и 3–5 предметов, которые можно взять.
3. Предметы и инвентарь: клик или тап по предмету подбирает его в панель инвентаря внизу экрана; у каждого предмета название и короткое описание; в инвентаре не больше 6 ячеек.
4. Загадки: код на двери из 3–4 цифр, порядок нажатий на кнопки, записка с подсказкой; при ошибке — сообщение и ещё одна попытка.
5. Управление: клик и тап по объектам, стрелки или WASD для перемещения героя, Esc или P — пауза; на телефоне крупные экранные кнопки и увеличенные зоны нажатия.
6. Уровни: 2–4 комнаты, в каждой своя загадка и свой предмет; после решения комнаты — переход в следующую.
7. Счёт и рекорд: очки за найденные предметы и решённые загадки, штраф за ошибку; рекорд сохраняется в браузере и виден в меню и на экране результата.
8. Статусы: меню → игра → пауза → победа или проигрыш. Пауза с кнопками «Продолжить» и «Заново».
9. Экран результата: время прохождения, сколько предметов найдено, новый ли это рекорд, кнопки «Ещё раз» и «В меню».
10. Подсказки: кнопка «Подсказка» на каждом уровне, не больше двух за комнату.
11. Стиль: крупные кнопки, контрастный текст, спокойный фон, аккуратные скругления, ничего лишнего.

Сначала покажи короткий план экранов и список сущностей, потом отдай готовый код одним файлом.

Кнопка копирования копирует весь текст промпта.

Вопросы

Что обычно спрашивают перед первой сборкой

В чём открывать готовый файл квеста?

В любом браузере: Chrome, Safari, Firefox, Edge. Двойной клик запускает игру локально, всё внутри файла.

С телефона проходить удобно?

Да. В промпте прописаны тап по предметам и крупные кнопки — на сенсоре всё нажимается.

Старый ноутбук не зависнет на комнате с загадками?

Обычная страница с несложной анимацией: ноутбук, который открывает видео, потянет без рывков.

Можно добавить звук, таймер и новые комнаты?

Без переписывания промпта: «добавь звук щелчка», «таймер на десять минут», «четвёртая комната с шифром».

Подойдёт для школьного проекта или урока?

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

Сколько времени займёт первый квест?

Обычно вечер: полчаса на установку и промпт, остальное — ответы и правки. Три комнаты — два вечера.

Соберите квест, в который сыграют сегодня

Напишите боту «старт» — он пришлёт ссылку и 5 млн токенов. Дальше промпт с этой страницы, 8–15 ответов и HTML-файл с комнатой и замком.

Забрать доступ в бота

Кнопка ведёт в Telegram: там установка и промпт.

Смотрите также