Sailor of the Mist: un juego web
2026-01-17
Durante este curso he tenido que impartir una asignatura de programación de videojuegos en entorno web. Lo más fácil hubiese sido utilizar un motor preexistente como Unity o Godot y exportar el resultado a esta plataforma o bien utilizar uno especializado en web como Phaser, pero en vez de eso, decidí enseñar a los alumnos a crear juegos usando directamente CSS, Javascript y HTML (evitando incluso el uso de canvas). Ésta no es la forma más eficiente de desplazar gráficos por la pantalla pero sí la más portable y la que más les servirá para mejorar su competencia en estos lenguajes, que son la base de la web.
Con el objetivo de practicar y evaluar la viabilidad de esta idea, me puse la tarea de crear un juego de acción tipo "el del dinosaurio de google" imponiéndome estas limitaciones. Rápidamente pude ver que era posible, ya que los navegadores web que tenemos hoy en día disponen de recursos suficientes para desplazar con suavidad elementos gráficos por pantalla. Cuando comprobé que podía hacerse me puse con otras cosas, dejando el juego a medias. Sin embargo, más adelante fui dedicándole ratos muertos hasta completarlo.
Así que, sin más preámbulo, os presento a "Sailor of the Mist". Un pequeño juego en el que un barco de papel realiza un viaje a través de la niebla en busca de su propósito.
Puedes probarlo en este enlace. Por ahora funciona sólo en PC y se ejecuta con más suavidad en Chrome o en Edge que en Firefox.