Создайте браузерную RPG с помощью AI-агента за один вечер
Получите играбельную браузерную игру в одном HTML-файле без знания кода, используя бесплатного AI-агента.
- 1.Откройте сайт AgentHere и зарегистрируйтесь. При регистрации начисляется 1 000 000 бесплатных токенов, этого хватит для создания прототипа игры без привязки карты.
Если сервис недоступен в вашем регионе, используйте VPN или другой AI-чат, поддерживающий генерацию кода.
AgentHere ↗ - 2.В разделе «Мои агенты» выберите шаблон помощника или аналитика, затем откройте веб-чат. Отправьте агенту промпт для создания первой версии игры.
Чем точнее вы опишете механику, тем лучше будет результат. Для первой игры достаточно одного экрана и базовых действий.
AgentHere ↗ПромптCreate a simple browser-based text RPG in a single index.html file. Put all HTML, CSS and JavaScript inside one file. The player is a hero exploring a dark forest. Include a start screen with a 'Start Game' button, a simple battle system with a Goblin (with 'Attack' and 'Heal' buttons), and a Win/Lose screen. Keep the code minimal but playable.
Что делает этот промптАнглийский промпт просит AI создать простую текстовую RPG в одном файле index.html со встроенными HTML, CSS и JavaScript. Игра включает стартовый экран, бой с гоблином (кнопки Атака и Лечение) и экраны победы/поражения. - 3.Скопируйте сгенерированный агентом код, создайте на компьютере новый файл с именем index.html и вставьте туда код. Сохраните файл.
Вы можете попросить агента разделить код на блоки, если он не помещается в одно сообщение, или просто скопировать весь код из блока с расширением .html.
AgentHere ↗ - 4.Откройте файл index.html двойным кликом в любом браузере. Проверьте, запускается ли игра и работают ли кнопки.
Если игра не работает, скопируйте текст ошибки из консоли браузера (F12 -> Console) и отправьте его агенту для исправления.
Web Browser ↗ - 5.Вернитесь в чат с агентом и попросите добавить одну конкретную механику или улучшение. Обновите код в вашем файле.
Добавляйте по одной фиче за раз, чтобы агент не запутался. Например, добавьте звук или таблицу рекордов.
AgentHere ↗ПромптAdd a health potion item to the game. The player starts with 1 potion. Add a 'Use Potion' button that restores 30 HP and removes 1 potion from the inventory. Update the HTML and JavaScript accordingly.
Что делает этот промптПромпт на английском просит добавить зелье здоровья (1 штука в начале) и кнопку 'Use Potion', которая восстанавливает 30 HP и убирает зелье из инвентаря, обновив код. - 6.Когда игра будет готова, опубликуйте её в интернете, чтобы поделиться ссылкой. Зарегистрируйтесь на Surge, установите утилиту и выполните команду публикации в папке с игрой.
Surge - это бесплатный сервис для хостинга статических сайтов. Для установки выполните в терминале `npm install --global surge`.
Surge ↗
- бесплатноAgentHere - бесплатная регистрацияПосле регистрации начисляется 1 000 000 токенов бесплатно - этого хватает на создание игры и десятки итераций правок, генерация картинок и музыки включена в аккаунт.
- бесплатноVercel - хостинг лендингаБесплатный тариф позволяет разместить статический сайт с игрой и получить публичную ссылку без оплаты.
Почему сегодня
ИИ-сервисы быстро меняются - интерфейсы и бесплатные лимиты могут отличаться от описанных.