Bola 8

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 juego de billar bola 8 para navegador.

- Mesa con 6 troneras, 15 bolas numeradas (1-7 lisas, 8 negra, 9-15 rayadas) y la blanca, con el triángulo inicial correcto y la 8 al centro.
- Reglas: mesa abierta hasta la primera bola embocada; después cada jugador tiene su grupo; la 8 va al final y hay que cantar tronera.
- Faltas: no tocar ninguna bola, tocar primero una del grupo contrario, embocar la blanca, o que ninguna bola llegue a banda. Tras falta, el rival juega con bola en mano.
- Se apunta arrastrando, con línea de puntería; una barra de fuerza y un punto en la blanca para el efecto.
- Física con fricción, rebotes y choques entre bolas. Determinista: paso de tiempo fijo, sin azar y sin depender de la tasa de refresco.
- Tres modos: dos jugadores en el mismo dispositivo, contra la máquina, y en línea con código de 4 caracteres, mandando el tiro (ángulo, fuerza y efecto) en vez de las posiciones.
Técnico: un solo archivo HTML con el CSS y el JavaScript dentro, sin librerías ni imágenes externas, todo dibujado en canvas. Mesa vertical en celular y horizontal en 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 juego de billar bola 8 (pool americano) para navegador, con modo de un jugador y modo multijugador por código de sala.

El juego:
- Mesa con 6 troneras, 15 bolas numeradas (1-7 lisas, 8 negra, 9-15 rayadas) y la blanca. Triángulo inicial correcto, con la 8 al centro.
- Reglas de bola 8: mesa abierta hasta la primera bola embocada legalmente; después cada jugador tiene su grupo; la 8 se emboca al final y hay que cantar tronera; se pierde si se emboca la 8 antes de tiempo, en la tronera equivocada o junto con la blanca.
- Faltas: no tocar ninguna bola, tocar primero una del grupo contrario, embocar la blanca, no sacar ninguna bola ni llevar ninguna a la banda. Tras falta, el rival tiene bola en mano.
- Apuntar: arrastrar para el ángulo (con línea de puntería y rebote previsto), una barra de fuerza, y efecto eligiendo un punto en la blanca.
- Física: fricción, rebote con bandas, colisión elástica entre bolas, efecto básico. TIENE QUE SER DETERMINISTA: paso de tiempo fijo, sin Math.random() en la simulación, sin depender de la tasa de refresco. Dos navegadores con el mismo tiro tienen que llegar al mismo resultado, bola por bola.

Modos: dos jugadores en el mismo dispositivo; contra la máquina con dos niveles; y en línea con código de 4 caracteres.

Multijugador:
- Se envía el TIRO, no las posiciones: ángulo, fuerza y efecto, más el número de jugada.
- Junto al tiro viaja una huella corta del estado de la mesa. Si no coincide, se avisa "la partida se desincronizó" en vez de mostrar cosas distintas a cada uno.
- La bola en mano también viaja como jugada.
- Reconexión: con el mismo código se vuelve a entrar y la partida se reconstruye resimulando todos los tiros, sin dibujar.

Pruebas que tienes que correr: el mismo tiro 100 veces con posiciones finales idénticas bit a bit; 20 tiros simulados dos veces por separado; que ninguna bola atraviese otra ni la banda a máxima fuerza; y una partida completa entre dos pestañas con una recarga a mitad.

Técnico: un solo archivo HTML con todo el CSS y el JavaScript dentro, sin librerías, sin CDN y sin imágenes externas. Mesa vertical en celular y horizontal en PC. 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.

• Pedir física determinista DESDE EL INICIO si va a haber multijugador: es lo que permite mandar el tiro en vez de las posiciones. Agregarlo después obliga a reescribir el motor.
• Pedir que compruebe que ninguna bola atraviese otra a máxima fuerza: es el bug clásico de este juego.
• Decir qué variante de reglas quieres (aquí: bola en mano libre, y la 8 embocada en el saque se repone). Si no lo dices, cada IA elige una distinta.

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ó además el protocolo de salas del sitio, y la exigencia de que dos navegadores lleguen al mismo resultado con el mismo tiro.

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