Как сделать игру с AI и запустить её в Telegram
Сыграй в демо, возьми готовое задание для ChatGPT или Claude Code и выпусти первую игру как мини-приложение в Telegram.
Содержание статьи
Собери игру как обычную веб-страницу. Если первые игроки сидят в Telegram, подключи её к боту как мини-приложение. Друзья откроют игру прямо из чата, а ты сможешь обновлять её на хостинге без отдельного релиза в App Store.
Сыграй один раунд
Нажми «Играть» и лови оранжевую точку. Попал — получил очко, точка переехала. Через 10 секунд увидишь счёт и сможешь начать заново. Это уже игра, которую можно дать другу и спросить: «Хочется сыграть ещё раз?»
Поймай точку
Нажимай на цель мышкой, пальцем или клавишей пробела.
Дай ChatGPT или Claude Code готовую задачу
Для первого черновика хватит одного экрана. Скопируй задание целиком или замени правило на своё. Например, вместо точки можно сделать карточки на память: открываешь две и ищешь пару.
Собери браузерную игру «Поймай точку» в одном файле index.html, который можно открыть в браузере. Она должна работать на телефоне и компьютере.
По кнопке «Играть» начинается раунд на 10 секунд. На поле видна одна оранжевая цель. Каждое попадание прибавляет очко и переносит цель в другое место. Промах ничего не меняет. Цель целиком помещается в поле.
По окончании раунда останови начисление очков, покажи результат и кнопку «Ещё раз». Новый раунд сбрасывает счёт и время. Аккаунты, оплату и таблицу лидеров не добавляй.
Если можешь открыть игру, проверь старт, конец раунда и повторный запуск. Дай готовый файл или предпросмотр. Напиши, что получилось проверить. Ничего не публикуй.Браузер, Telegram или App Store?
Браузер. Подходит, если хочешь дать игру людям, с которыми общаешься в разных приложениях. Отправляешь обычную ссылку, отдельная установка не нужна.
Telegram. Подходит, если первые игроки уже в твоём чате или канале. Мини-приложение открывает ту же веб-игру внутри Telegram. Бот даёт ей кнопку запуска и короткую ссылку. Публиковаться в App Store для этого не нужно.
App Store. Имеет смысл, если нужен отдельный iPhone-клиент, распространение через магазин или возможности телефона, которых не хватает веб-версии. Стандартное участие в Apple Developer Program стоит 99 долларов США в год или эквивалент в местной валюте, где она доступна. Сборку для магазина отправляют на проверку Apple. При выпуске новой версии приложения этот шаг повторяется.
Как выпустить игру в Telegram
На выходе тебе нужна ссылка, которую друг откроет прямо из чата.
- Выложи игру в интернет. Например, положи index.html в отдельную папку и перетащи её в Netlify Drop. Для дальнейших обновлений удобнее войти в свой аккаунт перед загрузкой. Скопируй адрес с https:// и проверь игру на телефоне. Адрес localhost годится только для проверки у себя.
- Создай бота через @BotFather командой /newbot. Для простого запуска из чата с ботом вызови /setmenubutton, выбери бота, укажи адрес игры и подпиши кнопку «Играть». Токен бота в файлы игры вставлять не нужно.
- Хочешь отправлять ссылку, которая сразу открывает игру? В @BotFather открой настройки бота и настрой Main Mini App, основное мини-приложение. Укажи тот же адрес игры. После настройки отправь тестовую ссылку вида https://t.me/имя_бота?startapp. Подставь имя бота без @.
- Отправь ссылку одному человеку. Попроси его открыть её на телефоне, сыграть и начать второй раунд. Если всё работает, ту же ссылку можно дать остальным.
Как обновить игру после запуска
Допустим, друзья говорят, что по точке трудно попасть. Увеличь её, проверь новую версию и заново опубликуй игру по тому же адресу. Если выбрал Netlify, загрузи новую папку в разделе Deploys существующего проекта. Ссылку в Telegram менять не придётся.
Обновление увидят при новой загрузке страницы после публикации. Уже открытый раунд сам не переключится на новую версию, а старые файлы могут остаться в кэше. Проверь обновление на другом телефоне или при новом запуске и оставь себе возможность вернуть прошлую версию.
Что проверить перед тем, как кинуть ссылку в чат
Проверь игру именно внутри Telegram. Открытие в обычном браузере полезно, но не покажет, перекрывает ли интерфейс Telegram кнопку или часть поля.
- Ссылка открывается у другого человека, а экран умещается на его телефоне.
- Точка остаётся внутри поля. Быстрое нажатие не добавляет очки после конца раунда.
- «Ещё раз» сбрасывает счёт и время. Если закрыть и открыть игру, понятно, как начать.
- После обновления по той же ссылке открывается нужная версия. Для проверки можно временно показать номер версии под полем.
На чём может заработать мини-игра
Игра для чужой аудитории. Например, у языковой школы есть Telegram-канал. Покажи ей демо викторины на пять слов с разбором ошибок. Предложение на первый заказ можно описать в двух строках: сколько вопросов войдёт, кто подготовит тексты и кто будет менять их после запуска.
Игра для своей аудитории. Дай людям сыграть один выпуск и посмотри, возвращаются ли они за следующим. Если просят ещё уровни, можно проверить спрос на платный набор. В Telegram цифровые товары продают за Stars. Для проверки интереса хватит и бесплатной версии.
Нужен игровой движок?
Для игры на реакцию, викторины или карточек обычно хватает обычной веб-страницы. Движок пригодится, если появятся сложная физика, большой мир или 3D.
Нужен сервер и можно ли добавить общий рейтинг?
Для раунда и счёта на экране хватает веб-страницы. Для общего рейтинга понадобится сервер: он проверяет данные запуска от Telegram и хранит результаты. Очки, которые прислал браузер, легко подделать, поэтому правила начисления тоже нужно проверять на сервере.
А если захочу продавать жизни или уровни?
Для продажи цифровых товаров внутри Telegram, в том числе жизней и уровней, используются Telegram Stars. Для первой проверки игры оплата не нужна: сначала посмотри, хочется ли людям сыграть второй раз.
Связанные материалы
Как работают Telegram-боты и когда веб-версии уже мало.
Собери свой первый продукт с AI
В Академии разберёшься, как с ChatGPT (Codex) собрать сайт или Telegram-бота, подключить нужные функции и выпустить проект. Можно идти по урокам со своей идеей и задавать вопросы по ходу работы.