A maze thing!

Un marcapáginas inspirado en el clásico juego del comecocos que comencé a diseñar a mediados de 2021 y que, por fin, está disponible para personalizar de forma sencilla.

Este modelo permite generar mapas aleatorios, aplicar simetrías, añadir elementos y personalizarlo con texto para hacerlo totalmente único.

Un poco de historia

Usando Glyphs (una aplicación profesional para el diseño de tipografías), en apenas unos días preparé una tipografía con el conjunto de teselas (tile set) que forman los muros, los pasillos, los personajes y los distintos elementos del laberinto. Al representar cada elemento gráfico mediante un carácter, resulta muy fácil codificar y decodificar el diseño del marcapáginas simplemente con una cadena de texto.

Debido al tamaño tan pequeño de los elementos, fue necesario crear muestras físicas para validar los diseños, iterar y ajustar detalles hasta conseguir un resultado satisfactorio. Por ejemplo: los ojos de los fantasmas se rediseñaron para hacerlos mucho más grandes y compensar el quemado del láser, logrando así que su tamaño aparente fuese similar al de los puntos del pasillo.

Hice varias muestras a mano (colocando tesela a tesela en el programa de diseño) que pasaron un par de años en un cajón… hasta que, en mis ratos libres durante las últimas semanas y con la ayuda de ChatGPT, conseguí programar en JavaScript un generador de mapas con una interfaz sencilla y fácil de usar para cualquiera.

Desde esta interfaz puedes diseñar tu propio mapa, añadir texto personalizado y ver cómo queda al instante.

Antes de empezar

Piensa bien el texto que quieres incluir: a medida que escribes, el sistema genera mapas aleatorios. Puedes poner texto arriba y abajo, y elegir entre distintos tipos de letra.

Cuando estés satisfecho con el texto, puedes generar nuevos mapas con diferentes simetrías. Después, convierte pasillos en paredes (y viceversa) haciendo clic sobre cualquier zona del laberinto.Para añadir elementos simplemente selecciónalos y haz clic donde quieras colocarlos.