Horda

Pídelo así

Copia este prompt, pégalo en Claude o en ChatGPT y listo. Es la versión corta: lo mínimo para que el juego salga jugable.

Hazme un shooter por oleadas para navegador, cooperativo para 1 o 2, con arte original y cámara cenital.

- Un mapa cerrado. Por las esquinas entran "sombras": criaturas oscuras con ojos brillantes que se deshacen en humo al morir y dejan una mancha en el piso.
- Tres clases: la común, la veloz y frágil, y la mole lenta y dura. Cada oleada trae más y más rápidas.
- Entre oleada y oleada, 10 segundos para moverse y gastar los puntos de las bajas.
- Cuatro armas: pistola con balas infinitas, escopeta, subfusil y lanzagranadas; las tres últimas con munición que se compra.
- Barriles explosivos que también me hieren a mí, y barricadas que puedo plantar.
- Cámara desde arriba, con el suelo recto y la altura dibujada como cara superior más costado. Marcador grande con ceros a la izquierda y, sobre cada jugador, su arma, su munición y una barra de vida.
- Modos: un jugador; dos en el mismo teclado; y en línea con un código de sala de 4 caracteres.
Técnico: un solo archivo HTML con el CSS y el JavaScript dentro, sin librerías ni imágenes externas, todo dibujado en canvas. La simulación avanza en pasos fijos, separada del dibujo. Que se juegue con el dedo en el celular y con teclado y mouse en la PC.

Para que te lo dé en HTML

Un juego de estos es un solo archivo que se abre con doble clic. Estos cuatro pasos son los mismos en cualquier IA.

1. 1. Pide el archivo completo

   Al final de tu prompt, agrega esta línea: Dame un solo archivo HTML completo, sin recortes, listo para guardar como index.html y abrir en el navegador. Sin eso es común recibir el código por partes.

2. 2. Copia todo el código

   En Claude el juego aparece al costado ya funcionando, con un botón para copiar o descargar. En ChatGPT, copia el bloque de código completo: tiene que empezar en <!DOCTYPE html> y terminar en </html>.

3. 3. Guárdalo como index.html

   Pégalo en el Bloc de notas (Windows) o en TextEdit en modo texto plano (Mac) y guárdalo con el nombre index.html. Ojo con el .txt: si el archivo queda como index.html.txt, no abre como página.

4. 4. Ábrelo con doble clic

   Se abre en tu navegador y ya se juega, sin instalar nada y sin internet. Para compartirlo, súbelo a cualquier hosting o mándalo por correo: es un solo archivo.

Si el juego sale en blanco, vuelve a la IA y pega el error que aparece en la consola del navegador (clic derecho → Inspeccionar → Consola). Con ese texto lo corrige rápido.

El prompt completo, el que se usó de verdad

Más largo y más específico: números, pantallas y detalles de estilo. Es el que produjo exactamente este juego, sin editar. Úsalo si quieres afinar el resultado.

Construye un shooter isométrico 2D por oleadas, cooperativo para 1 o 2 jugadores, con arte y nombre originales.

Está inspirado en los shooters donde uno aguanta hordas en un mapa cerrado, con armas que se desbloquean y barriles explosivos. No copies nada de ningún juego existente: ni nombre, ni personajes, ni sprites. El juego se llama Horda y los enemigos son sombras: criaturas oscuras de diseño propio, con ojos brillantes, que se deshacen en humo al morir.

El juego:
- Vista cenital con ligera perspectiva, mapa cerrado con muros, cajas y pasillos.
- Se mueve en 8 direcciones y se dispara apuntando con el mouse (PC) o con una segunda palanca táctil (celular).
- Oleadas: cada una trae más sombras y más rápidas. Entre oleadas hay 10 segundos para moverse y comprar. Tres tipos de enemigo: la común, una rápida y débil, y una lenta y dura.
- Armas: pistola infinita, escopeta, subfusil y lanzagranadas. Munición limitada salvo la pistola.
- Barriles explosivos que el jugador puede detonar disparándoles, con daño en área que también hiere a los jugadores: eso es lo que hace divertido el caos.
- Barricadas que se colocan entre oleadas para cortar el paso, con vida limitada.
- Puntos por baja; entre oleadas se gastan en munición, armas y barricadas.
- Récord de oleada máxima alcanzada.

Modos: un jugador; dos jugadores en el mismo teclado (jugador 1 con WASD y mouse, jugador 2 con flechas y teclas cercanas); y dos jugadores en línea con código de 4 caracteres.

La red: el anfitrión simula enemigos, daño y puntaje; el invitado le envía sus entradas y dibuja lo que recibe, con interpolación. Paso de simulación fijo con acumulador, separado del dibujo. A 20-30 envíos por segundo, manda solo lo que cambió.

Pruebas que tienes que correr: colisiones contra muros a máxima velocidad, daño en área de los barriles incluido el daño a los jugadores, la máquina de oleadas y la economía de puntos; que el juego siga a 60 cuadros por segundo con 40 enemigos en pantalla; y que los dos jugadores puedan usar el mismo teclado con varias teclas apretadas a la vez.

Técnico: un solo archivo HTML con todo el CSS y el JavaScript dentro, sin librerías, sin CDN y sin imágenes externas, todo dibujado en canvas. Tiene que funcionar dentro de un iframe con sandbox="allow-scripts".

Para ChatGPT, agrégale al final la línea del paso 1: tiende a entregar el código por partes.

Qué le faltó a este prompt

Lo que se aprendió al ver el juego terminado. Si vas a hacer el tuyo partiendo de aquí, agrégalo desde el inicio: corregir después cuesta otra vuelta.

• Decir DESDE EL INICIO cómo se ve la cámara (cenital, isométrica, lateral): cambiarla después obliga a rehacer el dibujo entero y hasta los controles.
• Si va a haber multijugador en tiempo real, pedir que el juego separe simulación, entradas y dibujo desde el primer día. Agregarlo después costó un adaptador entero.
• Pedir que las manchas y efectos que se acumulan se pinten una sola vez en un lienzo aparte: es lo que decide si el juego aguanta 300 manchas a 60 cuadros por segundo.

Lo que sí se pidió después del primer resultado, resumido:

• Cámbiale la cámara a cenital con un poco de perspectiva, con el suelo recto y la altura dibujada como cara superior más costado, y que las manchas se queden en el piso.
• Agrégale multijugador en línea de verdad, con código de sala, que el anfitrión simule y el invitado mande sus entradas, con el ping en pantalla.

Sirve en cualquier IA

Claude, ChatGPT, Gemini, Copilot: el prompt es el mismo y el método también. Lo que cambia es dónde ves el resultado. Cuatro cosas que valen en todas:

1. Pide un solo archivo

   "Un solo archivo HTML con todo adentro, sin librerías ni CDN." Así el juego funciona con doble clic, sin instalar nada, y se puede subir a cualquier web.

2. Pídele que te diga qué asumió

   Termina con: "antes de escribir el código, dime en 5 líneas qué asumiste". Ahí aparecen los huecos de tu prompt mientras corregirlos todavía es barato.

3. Una corrección por mensaje

   Di qué pasa y qué esperabas. Si pides tres cambios juntos, uno suele deshacer a otro.

4. Pide que lo pruebe, no que prometa

   "Comprueba que los niveles se puedan ganar y dime cómo lo comprobaste." Así los juegos de esta página encontraron sus bugs antes de publicarse.

Las 6 partes de un buen prompt, con plantilla para copiar