Un juego 3D jugable, construido a partir de un solo prompt
El desarrollo de videojuegos es una de las disciplinas creativas más exigentes técnicamente: requiere física, renderizado, IA, gestión de estado y UI, todo funcionando junto en una sola base de código. Este flujo de trabajo demuestra que, con un prompt suficientemente detallado y Gemini 3.1 Pro Preview, Eigent puede especificar, escribir y entregar un juego de navegador multiarchivo totalmente jugable sin una sola línea de código manual.
Configura Gemini 3.1 Pro Preview
Este flujo de trabajo se ejecuta con Gemini 3.1 Pro Preview, el modelo más capaz de Google en el momento de la grabación. Para configurarlo en Eigent, ve a Settings → Models → Custom Models:
- API Host:
https://generativelanguage.googleapis.com/v1beta/openai/ - Model:
gemini-3.1-pro-preview
Eigent admite varios modelos personalizados al mismo tiempo: puedes tener configurados Gemini, OpenAI, Anthropic, Qwen, Deepseek, MiniMax y otros a la vez, con uno como predeterminado activo.
El prompt de diseño del juego
Un prompt detallado produce un resultado detallado. Este especifica mecánicas, estilo visual, puntuación, eventos especiales e incluso una secuencia concreta de coleccionables:
Crea un juego de plataformas moderno 3D de desplazamiento lateral inspirado en Mario, combinado con mecánicas de Snow Bros. El jugador puede moverse a izquierda y derecha y saltar, disparando proyectiles de nieve para congelar gradualmente a los monstruos en bolas de nieve. Una vez completamente congelada, aparece un botón de 'Kick', que permite que la bola de nieve ruede y rebote por el escenario, derrotando enemigos y provocando reacciones en cadena. Si todos los monstruos son derrotados usando una sola bola de nieve, aparece una bonificación de 10,000 puntos, o a veces surge un pastel brillante. Al recoger el pastel aparecen cuatro criaturas de nieve azules; derrotarlas otorga las letras S, N, O y W, y al recoger las cuatro se gana una vida extra. Incluye un sistema de puntuación, display de vidas, dificultad creciente y una función de reinicio. El fondo debe parecerse a un mundo estilo Mario con entornos 3D ricos, por capas y visualmente complejos, incluyendo terreno multinivel, elementos decorativos y efectos de profundidad de paralaje, con visuales suaves, modernos e inmersivos.
Cada mecánica nombrada en el prompt se implementa en el resultado.
Eigent planifica y ejecuta la construcción
Eigent crea una sola tarea para el Developer Agent:
Desarrolla un juego web HTML5/JavaScript totalmente jugable usando Three.js que combine visuales modernos de plataformas 3D de desplazamiento lateral con mecánicas de juego de Snow Bros, incluyendo disparo de proyectiles de nieve, congelación y pateo de enemigos, bonificaciones por reacción en cadena, puntuación, vidas, dificultad creciente y una función de reinicio.
El Developer Agent usa las herramientas Terminal & Shell junto con las capacidades de Web Deployment y Screen Capture para escribir todos los archivos del juego directamente en la carpeta del workspace.
Tres archivos, un juego completo
La salida son tres archivos interdependientes:
index.html— punto de entrada y contenedor del juegogame.js— toda la lógica del juego: pipeline de renderizado de Three.js, física, máquina de estados de IA enemiga, sistema de proyectiles, detección de reacciones en cadena, lógica de drops de bonificación, puntuación, seguimiento de vidas y la secuencia coleccionable de letras SNOWstyle.css— tamaño del canvas, overlays de UI, estilo del HUD
El renderizador de Three.js construye un entorno 3D por capas con profundidad de paralaje: montañas nevadas en el fondo, plataformas en plano medio y terreno en primer plano, todo con elementos procedurales de canvas y animación fluida.
Cómo se ve el juego terminado
Abrir index.html en cualquier navegador moderno revela un juego de plataformas totalmente jugable:
- HUD: contador de puntuación, contador de oleadas, display de vidas y la barra de progreso de letras S-N-O-W
- Controles del jugador: movimiento izquierda/derecha, salto, disparo de proyectiles de nieve
- Mecánicas enemigas: estado progresivo de congelación, patear-para-rodar, reacción en cadena cuando una bola de nieve golpea a varios enemigos
- Sistema de bonificación: drop de bonificación de 10,000 puntos tras limpiar todo usando una sola bola de nieve
- Estilo visual: fondo 3D de montañas nevadas por capas, diseño de niveles estilo Mario, desplazamiento suave con paralaje
Tooltip en la primera carga: "Congela enemigos con Z. ¡Patea las bolas de nieve completamente congeladas!"
Tokens totales usados: aproximadamente 147,000 — ajustado para un juego multiarchivo de esta complejidad.
Qué demuestra esto sobre el desarrollo de juegos asistido por IA
La mecánica de Snow Bros — congelar, patear, encadenar — requiere que el agente implemente estados de juego interdependientes: un enemigo puede estar sin congelar, parcialmente congelado o completamente congelado, y solo pasa a bola de nieve rodante en un estado específico. La lógica de reacción en cadena requiere detección de colisiones entre una bola de nieve rodante y otros enemigos. No son implementaciones triviales.
La capacidad de Gemini 3.1 Pro para mantener toda la especificación del juego en contexto y producir JavaScript coherente e interdependiente en varios archivos es lo que hace esto posible. El resultado no es una plantilla: es una implementación personalizada de las mecánicas exactas descritas.
Qué probar después
Añade un segundo personaje jugable con mecánicas de proyectil diferentes y un modo local para dos jugadores.
Genera un editor de niveles que te permita colocar plataformas y enemigos en una cuadrícula y exportar el diseño como JSON.
Añade una tabla de clasificación de puntuaciones altas que persista en localStorage.
Construye una versión móvil con controles táctiles para el mismo juego.
Consejos para mejores resultados
-
Especifica las mecánicas con precisión. La mecánica de congelar → patear → reacción en cadena funcionó porque cada transición de estado se describió explícitamente en el prompt. Términos vagos como "interacciones geniales con enemigos" producirían resultados mucho más simples.
-
Nombra tus decisiones tecnológicas. Especificar "Three.js" para el renderizado 3D y "pure HTML/CSS/JS, no libraries" para la estructura le da a Eigent restricciones de implementación claras. Sin esto, el agente puede elegir enfoques diferentes, potencialmente incompatibles, entre distintas tareas.
-
Revisa en el navegador antes de iterar. Una vez que Eigent entregue los archivos, abre
index.htmlde inmediato y prueba el bucle de la mecánica principal. Es más rápido corregir el rumbo en esta etapa con un prompt de seguimiento específico que especificarlo todo desde el principio.
