Hoy emprendí la tarea de transformar mi portafolio en una experiencia completamente inmersiva al estilo Arcade, específicamente basándome en el clásico juego Galaga.

Abandoné temporalmente frameworks como Astro o Jekyll para adentrarme en el mundo de HTML5 Canvas, permitiéndome dibujar cada píxel de la nave a mano y manejar 60 frames por segundo en el fondo estrellado y las animaciones de disparo. Fue un desafío lograr que el DOM y el Canvas convivieran fluidamente.

Lo que aprendí

• Canvas y DOM pueden coexistir, pero la sincronización de coordenadas es crítica
• Los efectos de sonido con Web Audio API agregan mucho a la experiencia
• Los sprites pixel art hechos a mano tienen un encanto que difícilmente se replica con vectores

Siguiente paso

Ahora la meta es volver a Astro, pero esta vez integrando el juego como una isla interactiva de Svelte dentro del sitio estático. Lo mejor de ambos mundos.