Cree un Mini-Juego de Telegram en Unity
Esta guía cubre la creación de un juego para Telegram usando el SDK de Unity de Sequence.
Esta guía le llevará paso a paso para configurar su mini-app o juego de Telegram usando el SDK de Unity de Sequence, habilitando funcionalidad web3 en cadenas EVM para sus usuarios, ya sea mediante métodos de autenticación por correo electrónico o como invitado.
Desarrollaremos la lógica del juego en Unity, pero para desplegarlo como un Mini-Juego de Telegram, empaquetaremos la compilación WebGL dentro de un proyecto React.
Configure su bot de Telegram
Cree un Bot de Telegram con BotFather
- Abra Telegram y busque “@BotFather”
- Inicie una conversación haciendo clic en “Start” o escribiendo
/start
- Cree un nuevo bot escribiendo
/newbot
- Siga las indicaciones:
- Ingrese un nombre para su bot
- Elija un nombre de usuario (debe terminar en ‘bot’)
Obtenga los tokens requeridos
Después de crear su bot, BotFather le proporcionará:
- Token del Bot (HTTP API Token)
- Nombre de usuario del Bot
Guarde estas credenciales; las necesitará para los siguientes pasos.
Prepare su proyecto Unity WebGL
Instale el SDK de Unity de Sequence
Utilice una de nuestras opciones recomendadas de instalación para su proyecto existente o use nuestro Unity Boilerplate si desea comenzar un proyecto desde cero.
Interfaz para diseños móviles
Asegúrese de que la interfaz de su juego esté optimizada para relaciones de aspecto móviles. Recomendamos usar el Device Simulator para Unity. Además, asegúrese de que el manejo de entradas esté configurado para controles táctiles.
Configure la plantilla React de Sequence para WebGL
El SDK de Unity de Sequence incluye una plantilla WebGL para exportar como un proyecto React.
Copie la carpeta WebGLTemplates
desde Packages/Sequence Embedded Wallet SDK/
a su directorio Assets/
del proyecto.
Vaya a Project Settings
-> Player
-> WebGL
-> Resolution and Presentation
y seleccione la plantilla SequenceReact
.
Configuración de Cloudflare
Dentro del directorio raíz del proyecto React, cree un archivo wrangler.toml
e incluya el siguiente contenido.
Compile su juego WebGL como un proyecto React
Abra el directorio raíz de su proyecto React en una CLI o en un IDE como Visual Studio Code, y ejecute el siguiente comando para probar su juego en el navegador.
Despliegue su Mini-Juego de Telegram
Autentíquese con la cuenta de Cloudflare
Desde el directorio raíz del proyecto React, despliegue la aplicación y la lógica de funciones en Cloudflare.
- Ejecute
pnpm wrangler pages deploy
Esto le pedirá autenticarse con Cloudflare si aún no ha iniciado sesión. Al completar el despliegue, copie la URL donde ahora está alojada su aplicación.
Registre el Webhook con Telegram
Ahora llamamos a nuestro endpoint registerWebhook
en nuestra app para registrar la función webhook con la URL de su aplicación desplegada
y habilitar el acceso para la API de Telegram.
Actualice los orígenes permitidos
Asegúrese en Sequence Builder de que la configuración de su wallet incluya la URL de su aplicación desplegada como un origen permitido.
¡Pruebe su juego de Telegram!
Envíe un mensaje a su bot en Telegram y verifique si responde. ¡Debería contestarle con la opción de compartir, jugar u obtener más información sobre el bot.