Polvorín

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 en primera persona por rondas para navegador, con motor 3D propio, sin librerías.

- Un mapa de pueblo desértico con dos zonas objetivo, un medio que da el control, un callejón largo con línea de visión franca y rutas cortas con esquinas. Simétrico en tiempos para los dos equipos, y quiero que lo compruebes midiendo.
- Moverse con WASD, mirar con el mouse, correr, agacharse. Dos armas: pistola y fusil, con recarga, munición y retroceso. La puntería empeora al moverse y mejora agachado.
- Disparo por trazo de rayo, con el doble de daño a la cabeza.
- Bots en tres niveles que patrullan, se cubren y disparan con retardo humano. Solo pueden apuntar a lo que de verdad verían: comprueba línea de visión en cada decisión.
- Rondas de 90 segundos, primero a 5. Marcador, vida y munición en pantalla.
- Sala de espera para elegir 1v1, 2v2 o 3v3, con los puestos de los dos equipos; al empezar, los huecos se llenan con bots.
Técnico: un solo archivo HTML con el CSS y el JavaScript dentro, sin librerías ni imágenes externas; el motor 3D en WebGL escrito a mano con texturas generadas por código. Paso de simulación fijo separado del dibujo. Que abra y se juegue también en celular, con dos palancas táctiles.

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 en primera persona para navegador: motor 3D propio en WebGL (sin librerías), mapa, combate, bots y lobby.

El mapa se llama Polvorín: pueblo desértico de arena y adobe, con dos zonas objetivo en extremos opuestos con dos entradas cada una, un medio que conecta ambos lados y da control del mapa con cubierta a media altura, un pasillo largo con línea de visión franca y rutas cortas con esquinas. Cajones y muros a media altura para cubrirse agachado. Simétrico en tiempos: los dos equipos llegan al medio en el mismo tiempo, y eso se MIDE y se reporta, no se estima. Un extremo a otro en 12-16 segundos caminando. Geometría de cajas alineadas a los ejes.

El juego: vista en primera persona, WASD, mirar con mouse, agacharse, correr. Dos armas, pistola precisa y fusil rápido con retroceso, con recarga y munición limitada; la puntería empeora al moverse y mejora agachado y quieto. Disparo por trazo de rayo con daño por zona (cabeza x2). Rondas de 90 segundos, primero a 5, con 5 segundos entre rondas. Marcador, vida, munición y un hueco para el ping.

Los bots no tienen que ser brillantes, sí creíbles: patrullan hacia el objetivo, se cubren, disparan con retardo de reacción de 200 a 350 ms y dispersión, y ven SOLO lo que verían de verdad (comprobación de línea de visión, nada de disparar a través de paredes). Tres niveles de puntería.

El lobby: el anfitrión elige 1v1, 2v2 o 3v3 y recibe un código de 4 caracteres. Los puestos de los dos equipos (Escuadrón y Renegados) se ven, y quien entra puede cambiarse de equipo mientras no empiece. Al dar Empezar, los puestos vacíos se llenan con bots. Si alguien entra durante la partida, ocupa el puesto de un bot al inicio de la ronda siguiente.

Nada de marcas ajenas: mapa original, equipos propios, armas genéricas.

Técnico: un solo archivo HTML con todo el CSS y el JavaScript dentro, sin librerías, sin CDN y sin imágenes externas; texturas generadas por código. Paso de simulación fijo (1/64 s) con acumulador, separado del dibujo. Tiene que funcionar dentro de un iframe con sandbox. 60 cuadros por segundo en una laptop normal a 1280x720, medido. En celular, dos palancas táctiles.

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.

• Pedir que el mapa sea simétrico en TIEMPOS y que lo demuestre midiendo, no a ojo: es lo que separa un mapa competitivo de uno bonito.
• Exigir que los bots comprueben línea de visión en cada decisión. Sin esa regla, lo normal es que disparen a través de las paredes y el juego se sienta tramposo.
• Decir desde el inicio que va a correr dentro de un iframe: la captura del mouse necesita un permiso especial, y sin él hay que mirar arrastrando el botón derecho.

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

• A diferencia de los demás, este juego no salió de un prompt corto: se le pasó una especificación larga con el mapa, el lobby, los bots y cómo se enchufa la red más adelante.

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