Tutorial de XNA: Mejorando las fuentes para mostrar avisos

Para tener mejores fuentes (tipos de letra) en nuestro juego hay un paquete llamado SpriteFont que podemos decargarlo de esta ubicación: http://www.nubik.com/SpriteFont/

Descargamos el programa y lo descomprimimos

Ejecutamos SpriteFont.exe

El programa es bastante sencillo y funcional. En la ficha "General" tenemos las opciones mas comunes como que fuente se usará como modelo. Por defecto es Arial de tamaño 48, pero podemos escoger otra

Podemos ir viendo la fuente que estamos construyendo el juego, presionando el botón "Generate texture"

Al cambiar de tipo de letra, tenemos esta nueva textura

Se cambia el color de relleno de las letras ("Brush")

Se cambia el color del perímetro de las letras ("Pen")

Obteniendo una nueva textura

La opción "outer glow" sirve para colocar un halo alrededor de cada letra

Y este es el resultado

O podemos usar sombras con la opción "Drop Shadow"

Y este es el resultado:

O usar el efecto de letra borrosa "Blur"

Y este es el resultado:

O usar el efecto de biselado "Bevel"

Y este es el resultado:

Una vez que decidamos el tipo de letra a usar, desde la ventana que muestra la textura, damos clic en "File" y luego en "Save..."

En nuestro proyecto de juego en C#, vamos por el explorador de soluciones a la carpeta "Content" y ubicamos la subcarpeta Fuentes que habíamos creado anteriormente, se borra lo que había allí y luego se arrastra la imagen .PNG que generó el SpriteFont

Luego en las propiedades de esa nueva fuente debemos decirle a XNA en Content Processor que FuenteJuego.png es un objeto de tipo "Sprite Font Texture - XNA Framework"

Luego es solo cambiar una sola línea en el código fuente ( método LoadContent() ) de nuestro juego para que tome el nuevo tipo de letra

//Cargar la fuente fuente = Content.Load<SpriteFont>("Fuentes\\FuenteJuego");

Y al ejecutar este es el resultado