Cómo crear un juego en Roblox con IA y Thrixel
Thrixel genera los modelos 3D, Build World guía al agente de programación y Rojo sincroniza el código del juego con Roblox Studio.
Antes de empezar, debes tener instalado Roblox Studio y disponer de una cuenta de Roblox.
1. Instalar Rojo con VS Code
- Instala Visual Studio Code (VS Code).
- Instala la extensión Rojo - Roblox Studio Sync para VS Code.
- En VS Code, ve a File > Open Folder y abre una carpeta vacía para el juego.
- Pulsa
Ctrl + Shift + P(Cmd + Shift + Pen Mac) para abrir la paleta de comandos. Escribe «Rojo» y selecciona Rojo: Open Menu. - Si el menú indica que Rojo no está instalado, haz clic en Install Rojo now.
- Haz clic en Install Roblox Studio Plugin. Si Studio está abierto, reinícialo. Rojo debería aparecer en la pestaña Plugins de Studio.
2. Añadir la habilidad Build World
Iniciar sesión
Inicia sesión en Thrixel antes de instalar la habilidad. El comando es el mismo para todos los agentes y requiere uv. Si uv no está instalado, ejecuta el comando correspondiente a tu sistema operativo en una terminal:
curl -LsSf https://astral.sh/uv/install.sh | sh
irm https://astral.sh/uv/install.ps1 | iex
Ejecuta el siguiente comando para iniciar sesión. Cuando se abra la página del navegador, haz clic en Approve para conectar tu cuenta de Thrixel.
uvx thrixel-mcp@latest login
Instalar Build World
Elige tu agente de programación a continuación. Build World necesita tanto la habilidad, que proporciona las instrucciones, como el servidor MCP de Thrixel, que proporciona las herramientas para generar recursos.
Claude Code
Ejecuta estos comandos en una terminal para instalar el complemento de Thrixel. Incluye tanto la habilidad como el servidor MCP.
claude plugin marketplace add thrixel/build-world
claude plugin install thrixel@thrixel
Ejecuta claude plugin list y comprueba que thrixel@thrixel esté habilitado. Después ejecuta claude mcp list y comprueba que plugin:thrixel:thrixel esté conectado. Inicia una nueva sesión de Claude Code tras la instalación.
Codex
Ejecuta estos comandos en una terminal para instalar el complemento en Codex:
codex plugin marketplace add thrixel/build-world
codex plugin add thrixel@thrixel
Ejecuta codex plugin list y comprueba que thrixel@thrixel esté instalado y habilitado en el marketplace de Thrixel. Ejecuta codex mcp list para comprobar que thrixel esté habilitado. Inicia una nueva sesión de Codex para cargar el complemento.
Para las versiones de Codex sin soporte para complementos, sigue las instrucciones de instalación manual.
Cursor
Añade esta configuración a ~/.cursor/mcp.json. Si el archivo ya contiene una sección mcpServers, añade la entrada thrixel sin reemplazar las existentes.
{
"mcpServers": {
"thrixel": {
"type": "stdio",
"command": "uvx",
"args": ["thrixel-mcp@latest"]
}
}
}
Después, instala la habilidad con los comandos correspondientes a tu sistema operativo:
git clone https://github.com/thrixel/build-world ~/.thrixel/build-world
mkdir -p ~/.cursor/skills
ln -s ~/.thrixel/build-world/skills/build-world ~/.cursor/skills/build-world
git clone https://github.com/thrixel/build-world "$HOME\.thrixel\build-world"
New-Item -ItemType Directory -Force "$HOME\.cursor\skills" | Out-Null
New-Item -ItemType Junction -Path "$HOME\.cursor\skills\build-world" -Target "$HOME\.thrixel\build-world\skills\build-world"
Reinicia Cursor. Comprueba que aparezca thrixel en Settings > MCP; después escribe / en el chat de Agent y busca build-world.
Gemini CLI
Ejecuta estos comandos en una terminal para registrar el servidor MCP de Thrixel e instalar la habilidad:
gemini mcp add -s user --trust thrixel uvx -- thrixel-mcp@latest
gemini skills install https://github.com/thrixel/build-world --path skills/build-world
Inicia una nueva sesión de Gemini CLI. Ejecuta /mcp para comprobar que aparezca thrixel y /skills list para buscar build-world.
La guía de configuración de Build World también explica las instalaciones manuales, las actualizaciones y las instalaciones existentes.
3. Configurar Roblox Studio
Activa el servidor MCP de Studio para que el agente pueda ejecutar código en Studio y tomar capturas del juego.
- Abre Roblox Studio y crea una nueva Baseplate. Esto crea un lugar, el archivo de Roblox que contiene el mundo del juego.
- Haz clic en el icono Assistant situado en la esquina superior derecha de la ventana.
- En el panel de Assistant, abre … > Settings > Manage MCP Servers. Activa Enable Studio as MCP server. Un indicador verde confirma que está funcionando.
4. Crear una clave de API de Roblox
Rojo no sincroniza archivos de modelos 3D. El agente utiliza una clave de API de Roblox para subirlos por separado.
- Ve a tu página de credenciales del Creator Hub y haz clic en Create API Key.
- En Access Permissions, añade el sistema de API Assets. Elige tu cuenta como propietaria y habilita Read y Write.
- En Accepted IP Addresses, añade
0.0.0.0/0o desactiva las restricciones de IP. Si este campo queda vacío, no se podrán completar las cargas. - Como esta clave permite el acceso desde cualquier dirección IP, establece una caducidad corta, por ejemplo, de 30 días.
- Haz clic en Save y copia la clave. Solo se muestra una vez.
- Guarda la clave en un archivo llamado
roblox_api_key.txtdentro de la carpeta del juego. No incluyas este archivo en Git.
5. Iniciar el servidor
Iniciar el servidor desde VS Code
- En VS Code, abre la paleta de comandos con
Ctrl + Shift + P(Cmd + Shift + Pen Mac). Escribe «Rojo» y selecciona Rojo: Open Menu. - Si la carpeta no contiene un proyecto de Rojo, haz clic en Create one now. Rojo añade
default.project.jsony las carpetas iniciales del juego. - En Projects in this workspace, haz clic en el nombre del proyecto, junto al icono de reproducción.
Una ventana emergente en la esquina inferior derecha de VS Code confirma que el servidor está escuchando en localhost, en el puerto 34872. Para detenerlo, abre el menú de Rojo y vuelve a hacer clic en el proyecto. El icono de reproducción cambia a uno de parada mientras el servidor está activo.
Conectar Roblox Studio al servidor
- Vuelve al lugar Baseplate en Roblox Studio.
- Abre la pestaña Plugins y haz clic en Rojo.
- Deja la dirección en
localhosty el puerto en34872, salvo que el servidor indique otro puerto. - Haz clic en Connect.
- En «Sync changes for project», revisa los cambios que Rojo realizará en el lugar y haz clic en Accept.
La ventana de Rojo muestra ahora el nombre del proyecto, la dirección del servidor y un botón Disconnect. Studio está conectado y listo para recibir cambios.
Si Studio no puede conectarse, abre http://localhost:34872/ en un navegador. Una página de estado de Rojo confirma que el servidor está funcionando.
6. Crear el juego
Thrixel Cubes
Thrixel cobra Cubes por generar recursos 3D. El total depende de las operaciones utilizadas y del número de recursos del juego. Algunas operaciones tienen un coste fijo y otras se miden y se cobran después de ejecutarse. Crear un juego completo también puede consumir una parte considerable de los límites del plan del agente de programación. Comprueba tu saldo antes de iniciar un proyecto grande y consulta las tarifas actuales en la web de Thrixel.
Ejecutar Build World
- Abre el agente de programación en la carpeta que contiene el proyecto de Rojo.
-
Empieza un mensaje con el comando de Build World de tu agente:
Agente Comando Claude Code /thrixel:build-worldCodex $build-worldCursor /build-worldGemini CLI /build-world - Describe el juego después del comando. Incluye «Roblox» para que la habilidad use el motor adecuado.
- Menciona que Rojo ya está ejecutándose e indica el puerto para que el agente no inicie un segundo servidor.
En Codex, escribe $build y elige build-world en el selector de habilidades antes de añadir la descripción del juego.
/thrixel:build-world crea un juego de obstáculos en Roblox ambientado en islas flotantes. Rojo y su complemento de Studio ya están configurados, y Rojo sirve esta carpeta en el puerto 34872, así que no inicies otro servidor.
Aceptar cambios en Roblox Studio
La conexión inicial de Rojo es el paso de aprobación. Una vez conectado, Rojo sincroniza los cambios en cuanto el agente los guarda en disco.
- Al conectar: Rojo enumera las diferencias entre los archivos y el lugar. Haz clic en Accept para aplicarlas o en Abort para cancelar la conexión. Si no hay diferencias, se conecta sin preguntar.
- Mientras trabaja el agente: Los scripts nuevos y editados aparecen automáticamente en Studio. Si Studio se cerró o se desconectó, vuelve a hacer clic en Connect cuando el agente lo pida. El agente no puede reconectar Rojo por sí mismo.
- Para revisar los cambios: Haz clic en la hora del último cambio en la ventana de Rojo para abrir View changes. Se muestran los cambios aplicados y los que fallaron. Los cambios de Rojo también aparecen en el historial de deshacer de Studio.
Para revisar un conjunto de cambios antes de sincronizarlos, abre Settings en la ventana de Rojo y establece Confirmation Behavior en Always. Haz clic en Disconnect, deja que el agente termine y después haz clic en Connect para revisar los cambios juntos. Esta revisión se hace al conectar. Los cambios guardados durante una conexión activa siguen sincronizándose automáticamente.
Hay dos cosas que requieren atención manual:
- Guarda las importaciones. Rojo sincroniza scripts e instancias. El agente sube los modelos 3D por separado y los inserta en
ReplicatedStorage.Assets, por lo que no se guardan en los archivos del proyecto. Usa File > Save en Studio para conservarlos. - Edita los scripts sincronizados en los archivos del proyecto. La sincronización bidireccional de Rojo está desactivada por defecto. Las ediciones de estos scripts en Studio no llegan a los archivos y pueden sobrescribirse.
7. Publicar el juego
Usa File > Publish to Roblox en Studio cuando el juego esté listo para compartir.