🎮 Juego de Tetris

¡Un clásico juego de Tetris programado en JavaScript puro! 🚀 Disfruta de piezas coloridas renderizadas en HTML5 Canvas, movidas con una lógica de colisiones precisa. 🎨💻 Su diseño responsivo, sistema de puntuación dinámico y modal nativo de HTML para el fin de juego ofrecen una experiencia fluida y envolvente. 🎮

✨ Características

• 🧩 Juego clásico de Tetris con las 7 piezas (tetriminos): O, T, S, Z, L, J, I.
• ⭐ Sistema de puntuación en un contenedor estilizado.
• 🎨 Animaciones suaves y sombras para un aspecto moderno.
• 📲 Adaptado para móviles con estilos optimizados para pantallas pequeñas.

🛠️ Tecnologías Usadas

• ⚡ Vite: Herramienta de construcción rápida y servidor de desarrollo.
• 📜 JavaScript: Lógica del juego (movimiento, colisiones, puntuación).
• 🎨 HTML5 Canvas: Renderizado del tablero y piezas.
• 💅 CSS: Estilos para el contenedor, título, modal y diseño responsivo.
• 🌐 Git: Control de versiones para el proyecto.

📸 Capturas de Pantalla

🎮 Pantalla principal con el tablero, puntuación e imagen de fondo.

🚪 Modal de fin de juego con botón de reinicio.

🔧 Instalación

Sigue estos pasos para configurar el proyecto localmente:

1. 📥 Clonar el repositorio:

   git clone https://github.com/Nolos17/tetris-game.git
   cd tetris-game
   

2. 📦 Instalar dependencias: Asegúrate de tener Node.js (versión 16 o superior) instalado. Luego:

   npm install
   

3. 🖼️ Verificar activos: Confirma que fondoTetris.png esté en public/ o src/, como se referencia en src/styles/style.css.

🚀 Ejecutar el Proyecto

1. 🌐 Iniciar el servidor de desarrollo:

   npm run dev
   

   Abre http://localhost:5173 en tu navegador para jugar.

2. 📦 Construir para producción (opcional):

   npm run build
   

   Genera archivos estáticos en dist/.

3. 👀 Previsualizar el build (opcional):

   npm run preview
   

   Abre http://localhost:4173 para probar el build.

🎲 Instrucciones de Juego

• 🕹️ Controles:
  • ⬅️ Flecha Izquierda: Mover pieza a la izquierda.
  • ➡️ Flecha Derecha: Mover pieza a la derecha.
  • ⬇️ Flecha Abajo: Bajar pieza más rápido.
  • ⬆️ Flecha Arriba: Rotar pieza.
  • ❇️ Espacio: Dejar caer la pieza instantáneamente.
• 🎯 Objetivo: Acomoda las piezas para completar líneas horizontales, sumando puntos.
• 🏁 Fin del Juego: Si las piezas llegan arriba, aparece un modal con botón de reinicio.

🤝 Contribuir

¡Tus ideas son bienvenidas! 🌟 Para contribuir:

1. 🍴 Haz un fork del repositorio.
2. 🌱 Crea una nueva rama (git checkout -b rama-caracteristica).
3. ✍️ Realiza tus cambios y haz commit (git commit -m "Añadir característica").
4. 🚀 Sube tu rama (git push origin rama-caracteristica).
5. 📬 Abre un Pull Request en GitHub.

Asegúrate de seguir el estilo del código e incluir pruebas si es necesario.

📜 Licencia

Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.