Editor de capas sobre imágenes
Un editor para poner cosas encima de una imagen. Pones de fondo una imagen o un PDF, colocas cajas encima y las arrastras a su sitio: cajas de texto, cajas que son un círculo o un rectángulo, cajas que contienen otra imagen. Lo que sale es un fichero YAML.
Lo escribí para fichas de personaje de D&D y es lo que sostiene — lleva desde abril de 2026 con las fichas de todas las campañas que dirijo —, pero por dentro no sabe qué es una ficha. Un formulario escaneado con cajas donde van los campos es el mismo problema. Un generador de cartas personalizadas también: un fichero con el marco y el diseño, un fichero corto por carta. Y poner una cara encima de una foto, también.
Que sea un YAML y no un dibujo es por la herencia. Un fichero puede extender otros, uno o varios, y hereda tanto el diseño como los valores. Así las cajas y sus posiciones se escriben una vez, en un fichero base; el contenido que se repite — en D&D, clases, razas, trasfondos — se escribe una vez cada uno; y lo final es un fichero corto que dice qué extiende y rellena cuatro valores. Mueve una caja en el base y se mueven todos los ficheros que lo extienden.
Cualquier valor puede ser una expresión entre llaves, evaluada con el resto de
campos del fichero a mano: {10 + Percepcion} para la percepción pasiva, o un
nido de ternarios que convierte el nivel en bonificador de competencia. Los
campos se resuelven por pasadas, así que una expresión puede depender de otro
campo que a su vez es una expresión, y al sobreescribir uno en un hijo tienes
base para referirte a lo que decía el padre. Eso es todo el sentido del
invento: dejé de recalcular modificadores a mano en la mesa. Lo único que sí
sabe de D&D es un filtro mod, que escribe un número como +3 o -1.
No hay build ni framework: un HTML, un CSS, un JS y cuatro librerías metidas en
el repo. Los ficheros se sirven por su ruta — /campaña/personaje no es un
fichero, es nginx viendo que el YAML existe y devolviéndote el editor, que
vuelve a leer la ruta de la URL y lo carga.