Как сделать игру одним промптом: 6 шагов в Claude и 2 запроса
Содержание
- Что вообще происходит, когда игра появляется из одного текста?
- Как сделать игру одним промптом: 6 шагов
- Какую игру реально получить с первого раза, а какую нет?
- Сколько это стоит и что нужно иметь на компьютере?
- Где такая игра ошибётся и что проверять самому?
- С чего начать, если текст на экране пугает?
- Что дальше, если хочется не игрушку, а рабочую вещь?
В сети мелькают ролики: человек пишет пару строк в чат - и у него на экране змейка или платформер. Выглядит как фокус, и непонятно, с какой стороны к этому подойти, если вы никогда не писали код.
КороткоОпишите игру словами в чате нейросети - Claude, ChatGPT или другом - и попросите отдать всё одним файлом HTML. Сохраните ответ в файл, откройте двойным щелчком в браузере, играйте. На простую аркаду хватает бесплатного доступа. Предел: это маленькая игрушка на один экран, а не проект для магазина приложений.
Такие штуки я прохожу сам по вечерам и пишу в Telegram-канал, что сработало, а что нет.
Зайти в Telegram-канал →Что вообще происходит, когда игра появляется из одного текста?
Нейросеть не рисует игру. Она пишет программу - текст на языке, который понимает браузер. Браузер этот текст читает и показывает движущиеся квадратики, считает очки, реагирует на клавиши.
Поэтому самый простой путь - просить не «игру», а один файл HTML. В таком файле лежит всё сразу: что видно на экране, как это раскрашено и как работает. Ничего не нужно устанавливать: файл открывается тем же браузером, в котором вы читаете эту страницу.
Отсюда и ограничение. Внутри одного файла нормально живёт аркада на один экран: змейка, тетрис, арканоид, «кликер», викторина, «поймай падающие предметы». Всё, что больше, расползается на десятки файлов - и там уже начинается работа программиста.
Как сделать игру одним промптом: 6 шагов
Весь путь - от пустого чата до работающей игры на вашем компьютере. Ничего скачивать не нужно, кроме самого файла с игрой.
- Шаг 1. Решите, что именно за играЗапишите на бумаге три вещи: что делает игрок, как он управляет, когда игра кончается. Например: «кружок летит вниз, я двигаю платформу влево-вправо, промахнулся три раза - конец». Чем мутнее описание, тем страннее результат: нейросеть додумает за вас, и обычно не так, как вы хотели.
- Шаг 2. Откройте чат нейросетиПодойдёт Claude на claude.ai, ChatGPT или любой другой чат, который умеет писать код. Регистрация по почте. Если сайт у вас не открывается - возьмите другой чат, принцип одинаковый. Для первой игры платный тариф не нужен, но на бесплатном доступе лимит сообщений кончается быстро, и это заметно уже на третьей-четвёртой правке.
- Шаг 3. Опишите игру одним запросомНе ведите длинную беседу - дайте всё сразу одним сообщением. В нём: формат файла, суть игры, управление, правила, внешний вид. Скопируйте шаблон ниже и подставьте своё.
Сделай простую браузерную игру одним файлом HTML. Весь код - разметка, стили и скрипт - внутри этого одного файла, без внешних библиотек и без картинок из интернета. Игра: [в 2-3 фразах, что делает игрок]. Управление: [стрелки на клавиатуре / мышь / касание пальцем]. Правила: [как начисляются очки, когда игра заканчивается]. Вид: [цвета фона и фигур, крупные кнопки, все надписи по-русски]. Обязательно: счёт на экране, кнопка «Заново», работает и на компьютере, и на телефоне. Пришли готовый код целиком, одним куском, без пояснений.В ответ придёт длинный блок кода, иногда сразу с окном предпросмотра - в некоторых чатах игру можно потрогать прямо там. Проверьте в тексте ответа две вещи: код начинается с строки про HTML и заканчивается закрывающим тегом, и нигде нет фразы вида «здесь вставьте свою картинку».
- Шаг 4. Сохраните ответ в файлНажмите кнопку копирования над блоком кода. Откройте Блокнот, вставьте, выберите «Файл - Сохранить как». В окне сохранения поставьте тип «Все файлы», кодировку UTF-8, а имя напишите так: igra.html. Если тип файла оставить текстовым, получится igra.html.txt и браузер его не поймёт.
- Шаг 5. Откройте и проверьте рукамиДвойной щелчок по файлу - он открывается в браузере. Белый экран означает, что код скопировался не целиком: вернитесь в чат и попросите прислать файл заново одним куском. Дальше проверяйте не глазами, а пальцами: нажмите все кнопки, доиграйте до проигрыша, нажмите «Заново», сверните и разверните окно, откройте тот же файл на телефоне. Половина поломок вылезает именно на «Заново» и на конце игры.
- Шаг 6. Починúте замеченное вторым запросомНе описывайте проблему словами «не работает». Пишите по схеме: что нажали, чего ждали, что случилось. И просите менять только это - иначе нейросеть перепишет игру целиком и сломает то, что уже работало.
В игре, которую ты сделал, не работает вот это: 1) [что нажал] - [чего ждал] - [что получилось]; 2) [что нажал] - [чего ждал] - [что получилось]. Исправь только эти пункты, остальное не меняй. Пришли файл целиком заново, одним куском. В конце одной строкой напиши, что именно ты изменил.Придёт новая версия файла - сохраните её под новым именем, igra-2.html, старую не удаляйте. Сверьте по строке «что изменил»: если там написано больше, чем вы просили, вернитесь к предыдущему файлу.
Нормальный результат на первой игре - рабочая аркада после двух-трёх таких кругов. Если после пятого круга она всё ещё сыпется, упрощайте замысел, а не давите на нейросеть.
Какую игру реально получить с первого раза, а какую нет?
Разница не в сложности правил, а в количестве частей. Одна механика на одном экране выходит почти всегда. Как только появляются уровни, сохранения и звуки - файл распухает, и ошибки начинают цепляться друг за друга.
| Получается обычно сразу | Потребует многих правок или не выйдет |
|---|---|
| Змейка, тетрис, арканоид, «поймай предмет» | Платформер с уровнями и картой |
| Викторина по вашим вопросам | Игра с сохранением прогресса между днями |
| Кликер со счётом и прокачкой в одну строку | Игра на двоих по сети |
| Игра в слова, «угадай число», крестики-нолики | Трёхмерная графика, своя рисованная графика |
| Простой тренажёр: таблица умножения, счёт на время | Публикация в магазине приложений как есть |
Если очень хочется чего-то из правого столбца, разбивайте на части: сначала один уровень, потом переход на второй. Просить всё сразу - почти гарантированный белый экран.
Сколько это стоит и что нужно иметь на компьютере?
Нужны только браузер и Блокнот - они уже стоят в системе. Ничего устанавливать не надо, и для первой игры это важно: установка программ для разработки отпугивает сильнее, чем сам код.
По деньгам: у чат-ботов есть бесплатный доступ и платные тарифы. Цены и правила меняются, поэтому смотрите их на сайте сервиса в момент покупки. Из России оплата иностранной подписки картой обычно не проходит - люди пользуются бесплатным режимом или ищут посредников, и это отдельный разговор, не про игры.
Практический расчёт простой: одна небольшая игра - это одно большое сообщение и две-три правки. На бесплатном доступе такое влезает, если не растягивать на десятки уточнений. Платный тариф имеет смысл, когда вы делаете не одну игрушку, а привыкли так работать каждый вечер.
Где такая игра ошибётся и что проверять самому?
Нейросеть пишет код уверенно - и так же уверенно пишет его с ошибками. Со стороны всё выглядит прилично: игра запускается, фигурки двигаются. Ломается на краях.
- Счёт не обнуляется после «Заново» и продолжает расти со старого.
- Конец игры не наступает: герой проигрывает, но ничего не происходит.
- Управление работает на компьютере и не работает пальцем на телефоне.
- Фигура уезжает за край экрана и больше не возвращается.
- На узком экране кнопки наезжают на поле или уходят под низ.
- Скорость разная на разных устройствах: на телефоне всё летает.
Отдельная история - просьбы вида «добавь звук» и «поставь картинки». Нейросеть может вписать в код ссылку на файл, которого у вас нет. Игра запустится молча или с пустыми прямоугольниками. Проще сразу в запросе написать: без внешних файлов, всё рисуй фигурами и цветом.
С чего начать, если текст на экране пугает?
Страшно не от кода, а от ощущения «сейчас что-то сломаю». Сломать нечего: файл HTML - это обычный текстовый файл на вашем компьютере, он не лезет в систему и не ставит программ. Удалили - и следа нет.
Самое первое задание сделайте нарочно мелким: «поле, падают кружки, я ловлю их мышкой, за каждый пойманный плюс одно очко, три промаха - конец». Не змейку, не тетрис. Задача этого вечера - не игра, а пройти весь путь от запроса до двойного щелчка по файлу.
Второй вечер - одна правка по шагу 6. Поменяйте цвет фона или скорость падения. Это момент, когда приём перестаёт быть фокусом: вы видите, что текстом можно управлять тем, что происходит на экране.
Что дальше, если хочется не игрушку, а рабочую вещь?
Тот же приём работает не только на играх. Одним файлом так же делаются мелкие полезные штуки: калькулятор для вашего прайса, таймер для тренировки, табличка для учёта расходов, тренажёр для ребёнка по математике. Запрос строится по той же схеме - формат файла, что делает, как управляется, что на экране.
Если дело доходит до настоящего проекта - с несколькими страницами, базой и оплатой - одного чата уже мало. Там нужны отдельные инструменты, которые работают с папкой файлов на компьютере, и там же появляется цена ошибки: случайно выложенные пароли, открытые данные. Для игрушки на один экран это неважно, для рабочего проекта - важнее самого кода.
Честная граница приёма: он убирает порог входа и даёт быстрый результат, но не делает вас программистом. Понимать, что делает код, и отвечать за него всё равно придётся - или вам, или человеку, которого вы позовёте.
- Запишите на бумаге: что делает игрок, как управляет, когда конец.
- Одним сообщением просите один файл HTML без внешних библиотек и картинок.
- Сохраняйте через Блокнот: тип «Все файлы», кодировка UTF-8, имя igra.html.
- Проверяйте пальцами: все кнопки, проигрыш, «Заново», телефон.
- В правках описывайте «нажал - ждал - получилось» и просите менять только это.
- Каждую версию сохраняйте под новым именем, старую не удаляйте.
Смежный разбор: Как сделать визитку нейросетью и Сделать листовку нейросетью. Бесплатный гайд: Проверка кода на утечки за минуту.
Можно ли сделать игру одним промптом бесплатно?
Да, на бесплатном доступе чат-бота обычно хватает на одну игру и пару правок. Ограничение - лимит сообщений: он кончается быстро, если вы уточняете по десять раз. Браузер и Блокнот для сохранения файла бесплатны и уже есть на компьютере.
Нужно ли что-то устанавливать?
Нет. Игра приходит одним файлом HTML, он открывается в обычном браузере двойным щелчком. Никаких программ для разработки на этом этапе не требуется - они понадобятся, только если вы пойдёте дальше простой аркады.
Почему открывается белый экран?
Чаще всего код скопирован не полностью или файл сохранён как текстовый - igra.html.txt вместо igra.html. Проверьте имя файла и попросите в чате прислать код целиком одним куском, затем сохраните заново с типом «Все файлы».
Получится ли сделать игру с телефона?
Описать игру и получить код - да, чат-боты работают в мобильном браузере. Сложность в сохранении файла: на телефоне это неудобнее, чем на компьютере. Если в чате есть окно предпросмотра, поиграть можно прямо там, не сохраняя ничего.
Можно ли такую игру выложить или продать?
Выложить файл и дать ссылку друзьям - реально. Для магазина приложений игра на один экран обычно не годится: там нужны отдельная сборка, оформление и проверка. И отвечать за код всё равно придётся вам - то, что его написала нейросеть, ничего не меняет.
Я строю дело на нейросетях с нуля - и веду дневник по ходу
Всё, что вы читали выше, я сначала делаю руками у себя: пробую инструменты, ошибаюсь, считаю цифры - и три раза в неделю пишу в Telegram-канал, что сработало, а что нет. Без курсов и «успешного успеха»: живой дневник человека 45+, который разбирается с нуля.
Зайти в Telegram-канал →