Videojuego Neon Snake Deluxe

🕹️ Instrucciones de Juego: Neon Snake Deluxe

¡Bienvenido al desafío de la serpiente neón! Tu objetivo es simple: comer para crecer y convertirte en una leyenda del código.

Cómo jugar:

• Movimiento: Usa las flechas del teclado (Arriba, Abajo, Izquierda, Derecha) para dirigir a la serpiente.
• Comida: Come las frutas (🍎) para ganar 10 puntos y crecer.
• Paredes: ¡No te preocupes por los bordes! Esta serpiente tiene tecnología de teletransporte: si sales por un lado, aparecerás por el contrario.
• Game Over: El juego termina si te chocas contra tu propio cuerpo. ¡Ten cuidado cuando seas muy largo!
• Personalización: Usa los botones de abajo para cambiar el estilo visual. El Modo Arcoíris cambiará el color del juego cada vez que comas.

Tu puntuación máxima se guarda automáticamente en este navegador. ¡Intenta superar tu propio récord!

🧠 El Prompt (La «receta» de IA)

*»Actúa como un programador web experto en HTML5, CSS3 y JavaScript. Genera el código completo de un juego de la serpiente (Snake) optimizado para insertarse en un bloque de HTML personalizado de WordPress.

Requisitos técnicos:

1. Encapsula todo en un div con ID único para no interferir con el CSS del blog.
2. Usa Canvas de HTML5 para el renderizado.
3. Implementa un sistema de ‘High Score’ usando localStorage.
4. Añade una función que prevenga el desplazamiento (scroll) de la página al usar las flechas del teclado.
5. Permite que la serpiente atraviese las paredes (teletransporte).

Estética y Funciones:

1. Diseño estilo ‘Neon Retro’ con sombras (shadowBlur).
2. Implementa un selector de temas (Verde, Azul, Rosa).
3. Incluye un ‘Modo Arcoíris’ que genere colores aleatorios mediante HSL cada vez que la serpiente coma.
4. Usa emojis para la comida y bordes redondeados para los segmentos de la serpiente.»*