Todas las entradas

Caso práctico: un clon jugable de Tetris creado con Gemini y Hostilo

tetris.hostilo.page es un clon de Tetris que funciona, generado con Google Gemini y publicado en Hostilo. Es un ejemplo útil precisamente porque no salió perfecto a la primera, y eso es normal.

El encargo

El objetivo era sencillo: un clon jugable de Tetris en un único archivo HTML, construido por completo a base de prompts a Gemini, sin código escrito a mano. Piezas que caen, rotación, líneas que se borran, control con el teclado: un proyecto pequeño pero de verdad interactivo, más cerca de una aplicación real que de una landing estática.

Llevó varias rondas, y esa es la clave

La primera versión de Gemini tenía errores. Es lo normal cuando pides a una IA algo con lógica real: la detección de colisiones, la rotación y la puntuación tienen casos límite que no siempre funcionan a la primera. Llegar a un juego funcional llevó varias rondas: ejecutar el código, ver qué fallaba, describirle el problema a Gemini, obtener una versión corregida y repetir.

Merece la pena decirlo claramente, porque muchas historias de «la IA me hizo la web» saltan directamente al éxito y parece que todo es instantáneo. En la práctica, cualquier cosa con interactividad real, como juegos, calculadoras o herramientas con estado, suele necesitar unas cuantas iteraciones. Una landing estática casi nunca; algo con lógica de juego, casi siempre.

Dónde encaja Hostilo en el proceso

Todas las iteraciones se hicieron en el chat con Gemini, probando el archivo en local entre una ronda y otra. Hostilo no formó parte de la parte lenta. Cuando la versión final y funcional estuvo lista, publicarla fue el mismo paso único de siempre: pegar el HTML terminado en el editor, guardar, y el juego quedó online en tetris.hostilo.page. Lo que llevó tiempo fue el ida y vuelta con la IA, no pasar de un archivo terminado a un enlace público.

Lo que puedes aplicar a tu proyecto

Si construyes algo más interactivo que una página estática, cuenta con iterar con la IA antes de publicar, no después. Prueba primero el archivo en local, en el navegador. Cuando algo falle, describe exactamente lo que ocurre en lugar de lo que debería ocurrir: «las piezas no giran al pulsar la flecha arriba» da mejor resultado que «no funciona». Pega en Hostilo solo la versión final, cuando de verdad funcione como quieres.

Preguntas frecuentes

¿Con qué herramienta de IA se creó tetris.hostilo.page?
Con Google Gemini. El juego se generó como un único archivo HTML en varias rondas de prompts.

¿Funcionó bien al primer intento?
No. Como la mayoría de los proyectos con IA que tienen interactividad real, la primera versión tenía errores. Hicieron falta varias rondas describiendo qué fallaba y pidiendo a Gemini que lo corrigiera hasta que el juego funcionó.

¿Hostilo admite páginas interactivas como juegos o solo contenido estático?
Sí. Hostilo aloja cualquier archivo HTML, incluido JavaScript integrado, así que juegos, calculadoras y herramientas interactivas funcionan igual que una landing estática.

¿Por qué publicar siguió siendo rápido aunque el juego necesitó varias iteraciones?
Porque las iteraciones se hicieron en el chat con Gemini, antes de que nada llegara a Hostilo. Publicar es un solo paso: pegar el archivo terminado y guardar, sin importar cuántas rondas llevó dejar el código listo.