Меню и старт
Название, кнопки «Играть», «Как играть» и «Рекорд». Правила — двумя строками.
головоломка.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
пусто
15
уровень 4 · 3D-кубикиходов: 37
Панель игрокапауза
4уровень
1240счёт
2180рекорд
игра · головоломка
Головоломка за вечер: от идеи до играбельной сборки
Пятнашки мышкой и логика на 3D-кубиках: кубик поворачивается пальцем. Один файл и ваш рекорд.
- без движка и библиотек
- инструкция из 7 шагов
- работает на телефоне
5 000 000 токенов бесплатно
один HTML-файл
правки словами
результат
Что реально получается
Не прототип на картинке, а приложение, которое открывается щелчком и сразу играется.
Управление
Стрелки и WASD на ноутбуке, свайпы и крупные кнопки на телефоне.
Счёт и рекорд
Очки за скорость и короткие серии, лучший результат хранится в браузере.
Уровни
Сетка от 3×3 до 5×5, закрытые клетки и повороты кубика.
Пауза и рестарт
Esc останавливает партию, «Заново» пересобирает поле, «В меню» возвращает к уровням.
Экран результата
Время, ходы и обновлённый рекорд; после проигрыша — подсказка и повтор.
как описать
Как описать игру, чтобы её собрали правильно
Нейросеть не читает мысли. Расскажите о головоломке как другу: что двигаем, зачем и когда считается победа.
01 · В дороге
Ребёнок заскучал в очереди, интернет еле дышит. Игра лежит файлом на телефоне.
02 · На уроке
Нужен наглядный пример логики: пятнашки на экране решает весь класс.
03 · В обед
Пять минут на переключение головы — без рекламы и всплывающих окон.
Четыре вещи, которые стоит назвать
Игрок и прогресс
Кто играет и что получает: очки, звёзды, открытые головоломки.
Уровень и препятствия
Что стоит на поле и мешает: пустая клетка, заблокированные плитки, кубик.
Статусы
Меню, игра, пауза, победа, проигрыш — перечислите их по порядку.
Экраны
Меню, поле, пауза, результат. Четырёх экранов уже хватает для игры.
инструкция
Семь шагов до готового файла
Скриншоты сняты с реального интерфейса: на них уже подставлена ниша, вставлен промпт и подсвечены нужные кнопки.
-
1
Проверьте, что приложение установлено
Ссылку на установку бот присылает после слова «старт». Иконка AI DIY на рабочем столе — идём дальше.
Смотрите: иконка AI DIY
-
2
Нажмите «Открыть веб-интерфейс»
Кнопка открывает проект в браузере: там удобнее вставлять длинный текст.
Кнопка: Открыть веб-интерфейс
-
3
Нажмите «Создать проект»
Кнопка в правом верхнем углу создаёт отдельную папку для файлов головоломки.
Кнопка: Создать проект
-
4
Впишите название и нажмите «Создать проект»
Подойдёт любое: «Игра: головоломка», «Пятнашки для Даши». После ввода нажмите «Создать проект» ещё раз.
Поле: Название проекта → Создать проект
-
5
Скопируйте промпт с этой страницы
Нажмите «Скопировать промпт», вернитесь в поле сообщения и вставьте текст через Ctrl+V. Длинный — это нормально.
Действие: Скопировать промпт → Ctrl+V
-
6
Нажмите «Отправить»
Круглая стрелка справа внизу — это «Отправить». Enter сработает так же.
Кнопка: Отправить или Enter
-
7
Ответьте на 8–15 вопросов
Бот спросит про уровни и стартовый экран. Отвечайте обычными словами — и получите готовый HTML-файл приложения.
Итог: готовый HTML-файл
промпт
Промпт для головоломки
Скопируйте текст кнопкой ниже и вставьте в поле сообщения. Число уровней, сетку и имена кнопок можно менять — сущности и статусы оставьте на месте.
Промпт · игра головоломка
Ты — senior product designer и frontend-разработчик.
Сначала задай мне 8–15 простых вопросов о моей задумке,
потом собери игру «Головоломка» одним HTML-файлом.
Моя задача: игра головоломка.
Что должно быть внутри:
- экран меню: название, кнопки «Играть», «Как играть», «Рекорд»;
- игровое поле: пятнашки 4×4 и режим логики на 3D-кубиках;
- сущности: игрок, уровень, счёт, рекорд, препятствие;
- статусы: меню → игра → пауза → победа или проигрыш;
- экраны: меню, игровое поле, пауза, экран результата;
- управление: стрелки и WASD, свайпы и тапы на телефоне;
- счёт за скорость и число ходов, рекорд храни в localStorage;
- уровни: от 3×3 до 5×5, сложность растёт постепенно;
- пауза по Esc и по кнопке, рестарт уровня и всей игры;
- звук включается и выключается, без внешних аудиофайлов;
- весь код в одном HTML: inline CSS и JavaScript, без библиотек и CDN;
- крупные кнопки, понятный контраст, адаптив от 360 пикселей;
- подсказки простыми словами, без англицизмов.
Готово = файл открывается в браузере и в него можно играть сразу.
Ничего скачивать не нужно — промпт копируется прямо отсюда.
Enter тоже отправляет
цена вопроса
Сколько это стоит
Три пути к одной головоломке. Сравнивайте не только деньги, но и срок, правки и владельца результата.
| Критерий | Нанять разработчика | Купить подписку | Собрать самому |
|---|---|---|---|
| Деньги | Десятки тысяч рублей, и это только старт. | Ежемесячный платёж за доступ к чужому сервису. | 5 000 000 токенов бесплатно |
| Срок | Недели макетов и согласований. | Доступ есть, пока идёт оплата. | Один вечер до играбельной версии. |
| Правки | Каждая хотелка — новая смета. | Только настройки из тарифа. | Словами в чат — сразу новая версия. |
| Кому принадлежит | Зависит от договора. | Сервису: файл живёт на платформе. | Вам: файл лежит на диске. |
Один файл вместо ежемесячного платежа
Головоломке не нужны сервер, аккаунт и подписка: пятнашки, счёт и рекорд работают в браузере. Собрали раз — играете сколько хотите.
смысл
Пять причин собрать самому
Пять аргументов против сомнения «а справлюсь ли я без программиста».
Ни сметы, ни предоплаты: токены и доступ уже в боте.
HTML-файл на вашем диске. Игру не отключат за неоплату.
«Поле больше, рекорд на старте» — и версия обновилась.
Не очередь к разработчику и не третья неделя напоминаний.
Уровни и звук — не платная опция, а просто правка.
вопросы
Частые вопросы
Нужен ли редактор кода и установка программ?
Нет. Вы общаетесь с ботом в чате: вставляете промпт и отвечаете на вопросы. Результат — HTML-файл.
Откроется ли головоломка на телефоне без магазина приложений?
Да. Свайпы и тапы заложены в промпт, поле подстраивается под узкий экран. Файл можно отправить себе в мессенджер и открыть с телефона.
Потянет ли слабый ноутбук?
Пятнашки и логика на кубиках — это сетка, несколько чисел и нажатия. Тяжёлая графика здесь не нужна, хватит скромного процессора.
Можно ли добавить звук, таймер и новые уровни?
Да, это отдельные правки: щелчок при ходе, обратный отсчёт, новые уровни. Строка про звук уже есть в промпте.
Подойдёт ли такая головоломка для школьного проекта?
Вполне. У вас работающее приложение и понятная история: придумал правила, описал, собрал, протестировал на одноклассниках.
Сколько времени займёт первая версия?
Обычно один вечер: установка, промпт, ответы и пара правок после первой партии.
старт
Соберите свою головоломку сегодня
Напишите боту «старт», получите ссылку на установку и 5 000 000 токенов. Дальше — промпт с этой страницы, семь шагов и первая партия в ваши пятнашки.
Один HTML-файл без внешних библиотек. Игра остаётся у вас.