Introducción

Crear un juego es uno de los ejemplos más claros de cómo Codex puede ayudarte más allá de la generación de código. Para desarrollar un juego, normalmente hay que definir el concepto por escrito, crear una capa de renderizado, implementar la estructura del frontend, gestionar el estado en el backend, producir recursos y ajustar continuamente el aspecto visual.

Este caso de uso funciona mejor cuando Codex primero describe por escrito qué debe hacer exactamente el juego y luego usa Playwright interactive para probarlo en un navegador y hacer ajustes sucesivos.

Empieza por el plan del juego

Antes de que Codex cree la estructura inicial, pídele que escriba un archivo PLAN.md que defina el juego en términos concretos:

• el objetivo del jugador
• el ciclo principal del juego
• las entradas y los controles
• las condiciones de victoria y derrota
• la progresión o la dificultad
• el estilo visual
• las tecnologías que se usarán y los supuestos sobre el alojamiento
• el orden de los hitos

El plan es importante porque la instrucción “crea un juego” es demasiado vaga por sí sola. Codex necesita saber cómo implementar cada parte del juego y consultar con frecuencia los detalles de implementación durante el desarrollo.

Puedes activar el modo plan con el comando slash /plan. Guarda el resultado en un archivo PLAN.md.

Guía a Codex con AGENTS.md

Para que Codex siga el plan, verifique su trabajo y use las herramientas adecuadas, crea un archivo AGENTS.md como este:

# Nombre del juego

<Type of game>

Tecnologías:

- NextJS para el frontend (alojado en Vercel)
- <insert technology> para el renderizado
- Fastify para el backend y las conexiones WebSocket (backend alojado en <hosting platform>)
- Postgres para la base de datos (alojada en <hosting platform>)
- Redis para la caché y la mensajería por publicación y suscripción (alojado en <hosting platform>)
- OpenAI para las funciones de IA generativa

Consejos:

- En cuanto termines cada función o tarea, ejecuta los comandos de compilación y de pruebas para verificar tu trabajo.
- Guíate por el archivo PLAN.md al desarrollar nuevas funciones.
- Registra tu trabajo en .logs y documenta tus decisiones y cómo llegaste a ellas. Crea archivos de registro cuando lo consideres necesario y consúltalos al hacer ajustes en las funciones.
- Usa playwright para comprobar cómo se ve el juego. Si algo se ve mal o desentona con el estilo del juego, haz ajustes y vuelve a comprobarlo.
- Usa imagegen para generar los recursos visuales. Cada vez que generes un conjunto de recursos, guarda los prompts que usaste en archivos dentro de .prompts. Así podrás generar más recursos del mismo tipo más adelante.
- Usa Context7 MCP para consultar la documentación de <rendering framework>.

Así, Codex puede trabajar de forma autónoma durante períodos prolongados y usar las habilidades que necesite.

Aprovecha las habilidades

Agrega las habilidades que se mencionan en el archivo AGENTS.md:

• Imagegen para que Codex genere los recursos visuales que necesite el juego
• Playwright interactive para que Codex pruebe el juego en un navegador
• OpenAI docs para que Codex consulte la documentación más reciente de la API de OpenAI
• Si quieres, también puedes agregar el servidor MCP de Context7 para consultar la documentación más reciente del framework de renderizado

Para saber cómo agregar habilidades, consulta la documentación sobre habilidades.

Deja que Codex desarrolle y ajuste el juego

Codex generará una primera versión del juego a partir del plan inicial.

Si hay que generar muchas imágenes, la primera versión puede tardar en estar lista, a veces varias horas. Como Codex puede verificar su trabajo y probar el juego en un navegador, puede seguir trabajando durante mucho tiempo sin que tengas que intervenir.

Cuanto mejor definido esté el plan, mejor será el resultado de la primera iteración.

A medida que pruebes el juego, comparte capturas de pantalla y pide cambios en la jugabilidad o en los recursos visuales según sea necesario, hasta que el resultado te convenza.