En este proyecto desarrollamos un juego estilo arcade usando únicamente HTML, CSS y JavaScript, sin librerías externas. El objetivo es ayudar a nuestro personaje a cruzar de una plataforma a otra estirando una barra: si la barra queda corta o se pasa demasiado, el héroe cae al vacío y la partida termina. El juego incluye generación procedural de plataformas, animaciones suaves con requestAnimationFrame, fondo dinámico con colinas y árboles, detección de “zona perfecta” que otorga puntos extra y un contador de puntuación en tiempo real. Es un excelente ejercicio para practicar lógica de juegos 2D, manejo de canvas, estados del juego y físicas simples en JavaScript.
Prueba el proyecto aquí
See the Pen Stick Hero with Canvas by CRISTIAN ANDREI RENDÓN ALCARAZ (@CRISTIAN-ANDREI-REND-N-ALCARAZ-the-animator) on CodePen.