Texto SDF y MSDF: cómo conservar los bordes de los glifos en distintos tamaños de pantalla

Almacenar una frontera y reconstruir la cobertura

Un campo de distancia con signo (signed distance field, SDF) almacena la distancia a la frontera de una forma, en lugar de guardar directamente la cobertura de cada píxel. Un shader convierte esa distancia en la opacidad adecuada para el borde que se muestra. Así, un atlas de glifos sigue siendo útil en distintos tamaños y, además, permite aplicar contornos y otros efectos basados en la distancia. El trabajo original de Valve explica la representación y sus límites en las esquinas agudas. [1]

Ajustar el decodificador al atlas

Un SDF convencional usa un único canal de distancia. MSDF codifica bordes distintos en canales distintos y reconstruye la distancia mediante su mediana, lo que conserva mejor las esquinas. Los canales son datos numéricos y no deben recibir una conversión de color sRGB. Además, el decodificador necesita el rango de distancia codificado expresado en píxeles de salida; una suavidad fija en unidades de textura hace que el aspecto cambie al escalar el texto. [2]

Conserva las métricas y las convenciones de coordenadas del generador. Los límites del glifo, el avance (advance) y la posición de la línea base son magnitudes distintas. Un rectángulo visible ajustado al glifo no sustituye a las métricas de maquetación.

Ejemplo práctico: decodificar una muestra de borde

Supongamos que una muestra MSDF ilustrativa es (0.49, 0.54, 0.56). Su mediana es 0,54. Con la frontera en 0,5 y un rango de distancia de 8 píxeles de salida, la distancia con signo en pantalla es (0.54 - 0.5) * 8 = 0.32 píxeles.

Si se aplica la reconstrucción simple opacity = clamp(distance + 0.5, 0, 1), la opacidad resultante es 0,82. Este cálculo supone que la distancia es positiva dentro del glifo y que la codificación es la indicada. Es una comprobación del decodificador, no una elección universal de filtro. Si cambia el tamaño del texto, hay que actualizar el rango en píxeles de salida; conservar el valor anterior modifica la suavidad del borde aunque la muestra del atlas sea la misma.

Validar toda la ruta del texto

Empieza con unos pocos glifos que contengan curvas, esquinas agudas y trazos estrechos. Inspecciónalos en el tamaño previsto más pequeño y en el más grande, y también bajo perspectiva si el juego usa etiquetas en el espacio del mundo. Compara los glifos rellenos antes de activar contornos o sombras. Reserva márgenes en el atlas para el rango codificado, el filtrado y los efectos solicitados, de modo que los glifos vecinos no se mezclen entre sí.

Después, prueba cadenas completas. El shaping de texto asigna secuencias de caracteres a las formas y posiciones de glifo adecuadas; es un requisito aparte. HarfBuzz ofrece shaping para múltiples sistemas de escritura. [3] Incluye marcas combinatorias, ligaduras y los sistemas de escritura que realmente se distribuyan, y verifica las fuentes de reserva y el comportamiento ante glifos ausentes.

Reconocer los límites que persisten

Los campos de distancia siguen siendo representaciones muestreadas. Los contraespacios pequeños, los trazos finos y las reducciones extremas pueden perder detalle; aumentar la suavidad no recupera un rasgo que ya no está. Los contornos grandes pueden superar el rango de distancia almacenado. Evalúa la legibilidad en el tamaño final de pantalla y usa una vía de rasterización alternativa adecuada cuando produzca mejor texto pequeño. Vigila la memoria del atlas y su comportamiento de actualización a medida que crece el conjunto de glifos admitido.

Fuentes

• [1] Improved Alpha-Tested Magnification for Vector Textures and Special Effects — Chris Green, Valve.
• [2] msdfgen: Multi-channel signed distance field generator — Viktor Chlumsky, original implementation.
• [3] What does HarfBuzz do? — HarfBuzz contributors, official manual.