Encaje

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 el juego de piezas de 4 bloques que caen y hay que encajar, para navegador, con arte original.

- Tablero de 10 columnas por 20 filas, con las 7 piezas clásicas en orden de bolsa para que no se repitan demasiado.
- Puedo moverlas, girarlas, bajarlas rápido o dejarlas caer de golpe. Al girar contra una pared, la pieza se corre si hay espacio.
- Una línea completa desaparece; 1, 2, 3 y 4 líneas valen 100, 300, 500 y 800 puntos por el nivel. Cada 10 líneas sube el nivel y las piezas caen más rápido.
- Se ve la siguiente pieza y una sombra de dónde va a caer. Puedo guardar una pieza para después, una vez por turno.
- Pierdo cuando una pieza nueva no tiene espacio para aparecer.
- Controles: flechas, espacio y C en PC; deslizar para mover, tocar para girar y deslizar rápido hacia abajo para soltar en celular.
Técnico: un solo archivo HTML con el CSS y el JavaScript dentro, sin librerías ni imágenes externas, todo dibujado en canvas. Que llene la ventana y se juegue con el dedo en el celular y con teclado o 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.

Hazme un juego de navegador llamado "Encaje".

La idea: el clásico de piezas de 4 bloques que caen y hay que encajar para completar líneas, con arte original y sin marcas.

Mecánica:
- Tablero de 10 columnas por 20 filas. Caen las 7 piezas de 4 bloques (I, O, T, S, Z, J, L), en orden de "bolsa" para que no se repitan demasiado.
- Puedes mover la pieza a los lados, girarla, bajarla más rápido o dejarla caer de golpe.
- Al girar contra una pared o contra otra pieza, la pieza se corre un poco si hay espacio (que el giro no se trabe innecesariamente).
- Una línea completa desaparece y lo de arriba baja. 1, 2, 3 y 4 líneas a la vez valen 100, 300, 500 y 800 puntos, multiplicados por el nivel.
- Cada 10 líneas sube el nivel y las piezas caen más rápido.
- Se ve la siguiente pieza y una sombra que marca dónde va a caer la actual.
- Se puede guardar una pieza para después, una vez por turno.
- Pierdes cuando una pieza nueva no tiene espacio para aparecer.

Pantallas: título con Jugar; el juego con HUD (puntaje, récord, nivel, líneas, siguiente y guardada); pausa; y fin con reintentar.

Controles: en PC, flechas izquierda/derecha para mover, flecha arriba para girar, flecha abajo para bajar rápido, Espacio para caída instantánea y C para guardar. En celular, deslizar a los lados para mover, tocar para girar, deslizar hacia abajo para bajar rápido y un deslizamiento rápido hacia abajo para caída instantánea, más un botón en pantalla para guardar.

Estilo: bloques con bisel y un color por pieza sobre fondo oscuro, un destello al borrar líneas, y el tablero que tiembla un poco al borrar 4 a la vez.

Técnico:
- Un solo archivo HTML con todo el CSS y el JavaScript dentro. Sin librerías, sin CDN, sin imágenes externas: todo dibujado en canvas.
- Tiene que llenar la ventana y adaptarse a cualquier tamaño, de celular a pantalla grande, sin deformarse.
- Tiene que jugarse completo desde celular (solo con el dedo) y desde PC (teclado o mouse).
- Tiene que funcionar dentro de un iframe con sandbox="allow-scripts". El récord va en localStorage dentro de try/catch para que el juego no se rompa si no hay acceso.
- Se pausa solo cuando la pestaña no está visible.
- El texto del juego va en español.

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 ver las 3 piezas siguientes en vez de una: cambia mucho cómo se juega.
• Decir si bajar rápido y la caída de golpe suman puntos, como en las versiones modernas.
• Pedir que el gesto de caída de golpe se pueda calibrar, porque en un dedo real es más rápido que en una prueba.

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

• Agrégale un menú de pausa, un botón para cambiar entre español e inglés, y que el récord no se pierda al recargar.

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