Regresar
Visitar

Tetris

Juego de Tetris clásico construido con JavaScript puro, lógica de colisión y renderizado en canvas.

Tetris

Resumen

Tetris parece simple hasta que intentas implementarlo: la detección de colisión es un problema matricial, la rotación de piezas debe respetar los límites del tablero y la velocidad tiene que escalar sin que el juego pierda responsividad.

Implementado con JavaScript vanilla y Canvas API — sin ningún framework — porque el punto era resolver el problema, no delegarlo. El resultado es un juego completo con sistema de puntuación, progresión por niveles y controles de teclado fluidos.

Línea de tiempo

Lógica de juego

Implementación de colisiones, rotación de piezas y limpieza de líneas completas.

Resultados

Juego funcional con puntuación, niveles y control de velocidad progresiva.

Aprendizajes

  • Canvas API da control total del renderizado a cambio de mayor complejidad.
  • La lógica de colisión en grillas requiere pensamiento matricial claro.

Stack tecnológico

JavaScript
JavaScript
HTML5
HTML5
CSS3
CSS3
Git
Git
GitHubGitHub
GitHub

Métricas

  • Vanilla JSFramework
  • Canvas APIRenderizado
  • Velocidad dinámicaNiveles

Categorías

Frontend / Juego