Programar hablando un juego de navegador en HTML5 con Gemini

A quién le sirve. Aficionados sin experiencia que quieren crear un juego de navegador hablando con una IA, y desarrolladores que quieren prototipar rápido.

Qué hicieron

El desarrollador le explicó a Gemini el objetivo, lo que esperaba y el código existente, y fue acotando el alcance en unas cuantas instrucciones antes de pedir el resultado. Gemini devolvió un script actualizado y después la conversación empezó a fallar con un error genérico. El desarrollador abrió una conversación nueva, le pasó todos los scripts relacionados junto con el error y fue probando sus arreglos hasta que uno funcionó.

Cómo salió

Terminó con un gestor de inventario que funciona para recursos básicos, con huecos para objetos más complejos. Por el camino, los arreglos de Gemini introdujeron errores nuevos y su formato interno se coló en el código que entregaba.

Conviene saber

Las conversaciones pueden bloquearse con «Algo ha salido mal». Abrir una nueva y volver a darle todos los scripts relacionados lo solucionó. El desarrollador estudia usar una conversación para redactar la instrucción y otra para escribir el código.

Qué necesitas

• Una cuenta de Gemini
• Un editor de texto o de código para guardar los archivos del juego
• Un navegador para probar el juego
• Una idea de juego pequeña y un primer objetivo muy concreto
• Paciencia para repetir pruebas cuando aparezcan errores

Cómo hacerlo tú, paso a paso

1. Cuéntale a Gemini el tema del juego, el objetivo y lo que esperas de la primera versión.
2. Pide solo una función inicial, por ejemplo un gestor de inventario de recursos básicos.
3. Pega el prompt de la ficha con el código que ya tienes y pide el archivo completo actualizado, con una explicación de lo que ha cambiado.
4. Guarda el archivo, ábrelo en el navegador y comprueba que funciona.
5. Si da un error, pásale el error y pide la causa antes de proponer el arreglo.
6. Si la conversación se bloquea con «Algo ha salido mal», abre una nueva y vuelve a darle todos los scripts relacionados junto con el error.
7. Cuando funcione, pide la siguiente función y repite.

Voy a hacer un juego de navegador en HTML5 sobre [temática]. El objetivo es [objetivo del juego] y de momento quiero solo [función inicial, por ejemplo un gestor de inventario de recursos básicos]. Este es el código que ya tengo: [código]. Haz el cambio mínimo, devuélveme el archivo completo actualizado y explícame qué has modificado. Habrás terminado cuando el código funcione al abrirlo en el navegador. Si te doy un error, dime la causa antes de proponer el arreglo.

Consejos

• Guarda una copia del juego antes de cada cambio. Los arreglos de la IA pueden introducir errores nuevos.
• Pide siempre el archivo completo y no solo trozos, para no mezclar versiones.
• Si ves texto raro que no es código dentro del archivo, bórralo o pídele que lo quite. Al autor se le coló el formato interno de Gemini.

Preguntas frecuentes

Fuentes

• itch.io ↗

En el directorio desde el 3 de octubre de 2026.