En este post te mostraré el juego de Tetris programado en JavaScript puro, totalmente gratuito y open source.
Este juego de bloques está programado con JavaScript y utiliza canvas para pintar el juego. También utilizo Bootstrap para el diseño de los botones y la página en general, con un poco de SweetAlert para las ventanas.
Aunque se vea sencillo de hacer, es uno de los trabajos que más me ha costado realizar y del cual me siento más orgulloso. Fue complejo (para mí) comprender toda la lógica para las colisiones, rotaciones, eliminación de filas, movimiento de piezas, límites, etcétera.
Entre las características del juego encontramos:
- Sonidos: música de fondo, sonido cuando la pieza no se puede rotar, cuando se hace una fila completa y cuando el tetrominó toca el suelo
- Colores: cada pieza tiene un color aleatorio elegido en tiempo de ejecución
- Rotaciones: las piezas se pueden rotar para acomodarlas y acumular puntos
- Compatible con móviles: debido a que es web, he agregado unos botones para poder jugarlo en móviles, pero también se puede jugar con el teclado
- Código abierto: puedes modificar el juego, el tablero, la longitud, velocidad, piezas, rotaciones, etcétera.
- Port de tetris: se comporta como cualquier juego de tetris normal
- Pausa del juego: el juego se puede pausar o reanudar en cualquier momento
Veamos entonces los detalles de este juego programado en JS. A lo largo del post te mostraré cómo es que este juego está programado, también te dejaré una demostración y el código completo.
Nota: figura, pieza y tetrominó serán usados como sinónimos en este post.
(más…)