Gato Cuadrado

Hazme un juego de plataformas de un solo botón al ritmo de la música, para navegador, con arte original.

- El personaje corre solo hacia la derecha a velocidad constante y yo solo decido cuándo saltar. Si mantengo presionado, vuelve a saltar apenas toca el suelo.
- Puedo caminar sobre bloques; tocar un pincho o chocar de frente me mata.
- Hay plataformas que me impulsan y aros en el aire que me dejan saltar otra vez si salto al pasar por ellos.
- 3 niveles de un minuto, de fácil a difícil, con los obstáculos colocados al ritmo. El tercero tiene un tramo donde en vez de saltar mantengo presionado para subir.
- Al morir reinicio al instante; se cuentan los intentos y se ve el porcentaje de avance.
- Música de fondo generada con Web Audio, sin archivos de audio, y botón para silenciar.
- Controles: espacio, flecha arriba o clic en PC; tocar la pantalla en celular. Mantener para saltos seguidos.
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.

Hazme un juego de navegador llamado "Salto Cuadrado".

La idea: un cubo que avanza solo a velocidad constante por un nivel lleno de pinchos y bloques, y el jugador solo decide cuándo saltar, al estilo de los plataformeros de ritmo de un solo botón, pero con arte original.

Mecánica:
- El cubo corre hacia la derecha solo. Saltar le da un salto de altura fija, y el cubo gira 90 grados en el aire y cae derecho.
- Si mantienes presionado, salta otra vez apenas toca el suelo.
- Puedes caminar y saltar sobre bloques. Tocar un pincho o chocar de frente contra un bloque te mata.
- Hay plataformas de salto que te impulsan más alto y aros en el aire que te dejan saltar de nuevo si saltas justo al pasar por ellos.
- 3 niveles hechos a mano, de un minuto aproximadamente cada uno, de fácil a difícil. El tercero incluye un tramo donde el cubo se convierte en nave: mantener presionado sube, soltar baja.
- Al morir, reinicias al instante desde el inicio del nivel. Se cuentan los intentos y se muestra el porcentaje de avance, con tu mejor porcentaje por nivel.
- Una música de fondo con ritmo, generada con Web Audio (sin archivos de audio), y los obstáculos colocados a ese ritmo. Botón para silenciar.

Pantallas: título con Jugar; selección de nivel con tu mejor porcentaje; el juego con HUD (barra de avance e intentos); y nivel completado.

Controles: en PC, Espacio, flecha arriba o clic para saltar. En celular, tocar en cualquier parte de la pantalla. En los dos, mantener para saltos seguidos o para subir con la nave.

Estilo: fondo con degradado que cambia de color en cada nivel, cuadrícula que se mueve, cubo con cara y estela, pinchos negros con borde brillante, pulsos de luz al ritmo de la música y una explosión de cuadraditos al morir.

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.