1 puntos por GN⁺ 2024-08-11 | 1 comentarios | Compartir por WhatsApp

Índice

  • Antes del Megapack
  • El primer paquete
  • El segundo paquete
  • Legado
  • Objetivos del Megapack
  • Más grande y mejor
  • Soporte para más idiomas
  • Variantes de estilo
  • Perfeccionar el kerning
  • Mejor control de calidad
  • Distribución y mantenimiento más sencillos
  • Elevar el nivel
  • Estudiar diseño tipográfico
  • Referencias fotográficas
  • PIFO: mi herramienta para fuentes pixeladas
  • Cómo funciona
  • Crates utilizados
  • Paso 1: generar la hoja de fuentes
  • Paso 2: crear los contornos de los glifos
  • Paso 3: tabla de kerning
  • Paso 5: exportación
  • Pruebas de calidad
  • Distribución
  • Conclusión

Antes del Megapack

  • Empezó a trabajar en Ikenfell en 2016 y creó su primer paquete de fuentes
  • En 2018 lanzó un segundo paquete, con una mejora importante en la calidad

El primer paquete

  • En 2016 vendió en itch.io su primer paquete, que incluía 12 fuentes
  • En ese momento todavía le faltaba habilidad en diseño tipográfico, pero se usó mucho en juegos indie

El segundo paquete

  • En 2018 lanzó un segundo paquete con 40 fuentes
  • Añadió tablas de kerning y lo ofreció en formatos adaptados a distintos motores
  • Colaboró con desarrolladores indie y lo promocionó usando capturas de pantalla de juegos

Legado

  • El segundo paquete fue muy popular y llegó a usarse incluso en juegos grandes como Cadence of Hyrule de Nintendo
  • También se usaron varias fuentes en Get in the Car, Loser de Love Conquers All Games

Objetivos del Megapack

  • Después del lanzamiento de Ikenfell, estaba agotado, pero siguió mejorando sus habilidades de programación en Rust
  • Hizo planes para crear un paquete de fuentes más grande

Más grande y mejor

  • Esta vez se propuso crear 100 fuentes, buscando cubrir distintos géneros de videojuegos

Soporte para más idiomas

  • Los paquetes anteriores solo admitían caracteres ASCII, pero esta vez se amplió el soporte a EFIGS (inglés, francés, italiano, alemán y español)

Variantes de estilo

  • Hizo que cada fuente admitiera distintos tamaños y grosores, para permitir variedad sin perder coherencia estilística

Perfeccionar el kerning

  • Automatizó el trabajo de kerning para reducir tiempo y errores

Mejor control de calidad

  • Introdujo una forma de evaluar con facilidad la calidad general de las fuentes

Distribución y mantenimiento más sencillos

  • Automatizó el proceso de subida y distribución para reducir errores y mejorar la eficiencia

Elevar el nivel

  • Estudió diseño tipográfico y reunió una gran cantidad de material de referencia

Estudiar diseño tipográfico

  • Estudió diseño tipográfico con el libro "Design School: Type" de Richard Poulin

Referencias fotográficas

  • Usó fotos de distintos textos como material de referencia

PIFO: mi herramienta para fuentes pixeladas

  • Desarrolló en Rust una herramienta llamada PIFO para crear fuentes pixeladas

Cómo funciona

  • Genera fuentes a partir de una hoja de tiles PNG y un archivo de configuración, calcula automáticamente los pares de kerning y exporta archivos TTF

Crates utilizados

  • Usó clap, image, rayon, serde, glyph-names, ab-glyph, crunch y otros

Paso 1: generar la hoja de fuentes

  • Genera la fuente usando una hoja de tiles y un archivo de configuración

Paso 2: crear los contornos de los glifos

  • Agrupa píxeles en clústeres, crea contornos y los convierte en glifos TTF

Paso 3: tabla de kerning

  • Genera la tabla de kerning mediante kerning manual y automático

Paso 5: exportación

  • Exporta las fuentes como archivos TTF, hojas de tiles y atlas de texturas comprimidos

Pruebas de calidad

  • Prueba la calidad de las fuentes y corrige problemas

Distribución

  • Crea y sube el proyecto a itch.io

Conclusión

  • En diciembre de 2023 lanzó el Megapack de 175 fuentes pixeladas, creando con Rust una cadena de herramientas para generar fuentes, hacer pruebas de calidad y distribuirlas

Resumen de GN⁺

  • Este artículo ofrece una explicación detallada del proceso de diseño y creación de fuentes pixeladas
  • Resulta interesante el desarrollo con Rust de una herramienta para generar fuentes, junto con un sistema automatizado de kerning y control de calidad
  • Será información muy útil para quienes estén interesados en el diseño de fuentes pixeladas
  • Otros proyectos con funciones similares incluyen FontForge y Glyphs

1 comentarios

 
GN⁺ 2024-08-11
Comentarios de Hacker News
  • Me da curiosidad la razón estilística detrás de la diferencia de espaciado entre "Fdj" y "Fjo"
  • Crear una fuente puede tomar un año e incluye muchas variantes, como mayúsculas, minúsculas, símbolos, pesos e inclinaciones
    • El kerning (espaciado entre caracteres) es un trabajo muy importante y requiere mucho tiempo y esfuerzo
    • Una fuente que soporta 176 caracteres puede necesitar 37,976 pares de kerning
    • Se puede automatizar para encargarse de la mayor parte del trabajo de kerning y ajustar manualmente cuando haga falta
  • Es un trabajo que recuerda una época en la que no había frontera entre artista e ingeniero
  • Con el software Metafont de Donald Knuth se pueden generar fuentes rasterizadas
  • Me gustó la fuente del sitio y su estilo sencillo
    • Hay una publicación sobre cómo se hizo el sitio
  • Me alegra saber que este trabajo también le ayudó en lo financiero
    • Chevy Ray era un desarrollador indie de videojuegos y estuvo activo entre 2010 y 2012
  • Parece que debe haber formas de hacer el algoritmo más rápido
    • Reemplazar el hashmap por un bitmap y un arreglo de índices de bytes podría ser una opción
  • A quienes les interesen las fuentes, les recomiendo revisar tomorrow.type.today
    • Una persona del equipo está coleccionando su trabajo
  • En Rust es fácil ejecutar trabajo en varios núcleos
    • Basta con insertar una sola llamada en la cadena de funciones
  • La tipografía es un campo difícil de entender
    • Hacer 175 fuentes y lograr que cada una sea significativamente distinta es impresionante