Editor de fuentes

Pyxen incluye un editor de fuentes para crear fuentes de mapa de bits en iPad y Mac que puedes usar con el componente Text. Diseña texto nítido y perfecto a nivel de píxel para tus juegos sin herramientas externas.

Cómo funcionan las fuentes de mapa de bits

Una fuente de mapa de bits en Pyxen es un atlas de fuente — una sola imagen que contiene cada carácter, más un archivo JSON que describe dónde se encuentra cada glifo. Cuando tu juego renderiza texto, el motor busca cada carácter en el atlas y dibuja la región correspondiente.

Crear una fuente

Elige Archivo › Nuevo asset… y luego Fuente. Se crea a partir de una de dos fuentes:

• Fuente de Pyxen: una fuente de 8 píxeles para cada letra de un teclado, lista al momento.
• Un archivo de fuente: un archivo TrueType u OpenType (.ttf u .otf) que eliges tú. El archivo se guarda en el proyecto, para que la fuente pueda volver a crearse.

La fuente se abre en el panel Fuente.

El panel Fuente

Arriba, Pruébala dibuja con la fuente una línea que escribes, sobre el fondo de tu juego, a los tamaños a los que el juego la dibuja (1×, 2× y 4×). Debajo están los glifos de la fuente; elige uno para editarlo.

La columna lateral configura la fuente:

• Hecha a partir de — de qué se creó la fuente. Elegir un archivo… la vuelve a crear a partir de un archivo de fuente.
• Tamaño — el tamaño en píxeles con el que crearla, de 6 a 32 píxeles.
• Caracteres — qué caracteres contiene la fuente: A–Z, 0–9 y signos (por defecto), Acentos para las letras acentuadas de las lenguas europeas, y Usados en mi código para cada carácter que usan tus scripts. Al menos uno queda activado.
• Suavizado — desactivado, cada píxel queda nítido, como debe ser en una fuente pixel.
• Espaciado — la Altura de línea entre líneas de texto, y la Línea base, donde se apoyan los caracteres.
• Glifo — el Avance del glifo elegido (dónde empieza el siguiente carácter) y sus desplazamientos Izquierda y Arriba.
• En el código — la línea que usa la fuente, y el tamaño del atlas.

El tamaño, los caracteres y el suavizado cambian al volver a crear la fuente, así que necesitan su archivo. Una fuente creada a partir de la Fuente de Pyxen, o de una fuente que no está en este dispositivo, los muestra como texto hasta que eliges un archivo; su espaciado y sus glifos siguen siendo editables.

Editar glifos

El glifo elegido se abre en el lienzo, en su línea, con su línea base y su avance dibujados. Dibuja con el Lápiz (B) y borra con la Borrador (E). Cada cambio se puede deshacer, y Pruébala lo muestra al instante.

Usar fuentes en tu juego

Una vez que hayas creado una fuente, usa el componente Text para renderizar texto:

label = world.spawn(text=Text("Score: 0", font="myfont"))

El parámetro font coincide con el nombre de tu recurso .font.json (sin la extensión). Si lo omites, Pyxen usa la fuente integrada por defecto.

Consulta la referencia de Text para la API completa.

Usado en el código, en la barra del panel, lista las líneas de tus scripts que nombran esta fuente; elige una para ir a ella.