Как создать мини-игру web3 Telegram (Кликер-игра)

• Создание мини-игры для Telegram с использованием Web3.  

• Обзор функций, которые будут реализованы.  

• Создание бота и мини-приложения для Telegram.  

• Использование платных инструментов и функций Web3.  

• Подключение к компьютеру и демонстрация бота для мини-игр Web3.  

• Создание и подключение кошелька.  

• Аутентификация пользователя Telegram.  

• Пример игры-кликера с генерацией монстров и заработком монет.  

• Переход к репозиторию для создания мини-приложений.  

• Клонирование и настройка проекта.  

• Использование платформы Grammy.js для создания бота.  

• Установка пакетов и настройка переменных окружения.  

• Добавление секретного ключа администратора в файл env.  

• Переименование файла env в .local для безопасности.  

• Настройка переменных окружения для Telegram-бота.  

• Получение идентификатора клиента и секретного ключа для Web3.  

• Заходим в Telegram и удаляем историю чата.  

• Используем BotFather для создания бота и мини-приложений.  

• Создаем нового бота, называем его "бот для мини-игры в кликер".  

• Получаем токен бота и сохраняем его в безопасности.  

• Вставляем токен в поле "жетон бота" в редакторе кода.  

• Указываем URL-адрес для размещения приложения.  

• Запускаем приложение на локальном хостинге.  

• Используем nroc для создания общедоступного URL-адреса.  

• Вставляем URL-адрес в интерфейсное приложение.  

• Возвращаемся в Telegram и создаем новое мини-приложение.  

• Выбираем бота, которому хотим предложить веб-приложение.  

• Вводим название и описание приложения, загружаем фотографию.  

• Вставляем URL веб-приложения в мини-приложение.  

• Редактируем команду запуска для автоматической аутентификации пользователя.  

• Следуем инструкциям в документации для настройки конечной точки аутентификации.  

• Переходим на вкладку "Подключиться" в третьей веб-панели.  

• Выбираем идентификатор клиента и включаем пользовательскую конечную точку аутентификации.  

• Указываем URL-адрес из nrock и файл аутентификации telegram по API.  

• Переход к редактору кода и папке telegram bot.  

• Начало работы с файлом ts, который инициализирует бота.  

• Использование грамми для создания приватного чата.  

• Создание учетной записи администратора с закрытым ключом.  

• Использование 3-го веб-кошелька для подписи сообщений.  

• Установка команды запуска в telegram-боте.  

• Получение имени пользователя и создание срока действия.  

• Создание сообщения с именем пользователя и датой истечения срока.  

• Подписание сообщения с помощью учетной записи администратора.  

• Создание переменной "клавиатура" для отправки веб-приложению.  

• Отправка сообщения с уникальной ссылкой и подписью.  

• Установка срока действия ссылки на 10 минут.  

• Переход по уникальной ссылке для входа в telegram-канал.  

• Использование встроенного кошелька для генерации смарт-кошелька.  

• Подключение кошелька с помощью стратегии конечной точки аутентификации.  

• Проверка подписи и текста сообщения.  

• Использование одной и той же учетной записи администратора для подписи и верификации.  

• Возвращение имени пользователя при успешной аутентификации.  

• Запуск следующего приложения на локальном хостинге.  

• Запуск telegram-бота и веб-приложения.  

• Проверка работы бота и веб-приложения.  

• Генерация кошелька для пользователя.  

• Создание игры или приложения для взаимодействия с пользователем.  

• Использование функций для обеспечения плавного пользовательского опыта.  

• Переход к папке с следующим приложением.  

• Удаление ненужных компонентов и добавление функции автоматического подключения.  

• Настройка высоты и ширины экрана для основного тега.  

• Создаем новую папку "компоненты" в папке "исходники приложения".  

• Создаем файл "мини-игра.tsx" для мини-игры.  

• Игра-кликер с разными монстрами, получающими случайное количество здоровья.  

• Пять типов монстров: гоблины, големы, волшебники, темные рыцари и темные драконы.  

• Каждый тип монстра имеет определенное минимальное и максимальное здоровье.  

• Монстры с большим здоровьем дают больше наград.  

• Разворачиваем контракт ERC-20 для токена в игре.  

• Выбираем цепочку для подключения, например, Sepolia.  

• Подтверждаем транзакцию и добавляем контракт в панель мониторинга.  

• Вставляем адрес контракта в приложение.  

• Используем крючок useReadContract и расширение getBalance для чтения баланса токенов.  

• Применяем функцию для создания монстра и управления его здоровьем.  

• Монстр восстанавливает энергию каждые 2 секунды.  

• Уменьшаем энергию и здоровье монстра при нажатии.  

• Показываем награды, когда здоровье монстра достигает нуля.  

• Создаем функцию для получения токенов пользователем.  

• Используем движок 3rd Web для создания API.  

• Создаем папку "токен mint" и файл route.ts для маршрута.  

• Проверяем статус транзакции каждые 3 секунды.  

• Ограничиваем время проверки до 45 секунд.  

• Отправляем запрос на чеканку токенов и проверяем статус "заминировано".  

• Обновляем баланс токенов пользователя.  

• Устанавливаем статус "заявлено" и показываем награды.  

• Создаем нового монстра и обновляем баланс.  

• Тестируем игру и проверяем баланс токенов.  

• Игра доступна по ссылке на репозиторий и на YouTube.  

• Закрываем страницу и запускаем игру снова для получения новой ссылки.  

• Убедитесь, что у вас есть учетная запись.  

• Вернитесь к приложению Telegram и нажмите на ссылку для генерации кошелька.  

• Добавьте изображения в общую папку и обновите их.  

• Добавьте данные в переменные окружения, включая секретный ключ и адрес внутреннего кошелька.  

• Вернитесь к контракту и добавьте адрес внутреннего кошелька в раздел "чеканщик и создатель".  

• Обновите права доступа для внутреннего кошелька.  

• Проверьте транзакции на приборной панели движка.  

• Запустите приложение Telegram и победите голема.  

• Получите награду в виде пяти монет и проверьте транзакцию на приборной панели.  

• Продолжайте играть, побеждая новых монстров и получая награды.  

• Используйте инструменты 3rd Web для создания и подключения кошелька пользователя.  

• Пользовательский опыт остается удобным и не требует взаимодействия с блокчейном.  

• Подведите итоги создания мини-игры-кликера для Telegram.  

• Используйте инструменты 3rd Web для удобного пользовательского опыта.  

• Подписывайтесь на канал и включайте уведомления для новых обучающих видео.