Растровые шрифты

Растровый шрифт задаётся изображением, которое содержит все буквы. Ниже приведён пример такого изображения:

Это изображение содержит 256 символов. Как Вы видите, верхняя часть содержит стандартный алфавит (латинские буквы - прим. перевод.), числа и знаки пунктуации, в то время как нижняя может включать в себя специальные символы для различных национальных алфавитов (немецкие умляуты, испанские акценты и т. д.).

К счастью, Вам не придётся создавать растровые шрифты вручную, для этого существует несколько утилит от сторонних разработчиков:

При создании растровых шрифтов Вы должны помнить один момент: буквы должны быть выравнены по левому краю сетки. Что это значит? Буквы имеют некоторый фиксированный размер, например, 32x32 пикселя, как на изображении сверху. Такой размер подразумевает невидимую сетку:

Как видно, все буквы выравнены по левому краю сетки. Это критически важно, так как даёт WME информацию о том, где каждая буква расположена внутри изображения. Символы должны выравниваться с точностью до пикселя:

 

Итак, мы создали изображение шрифта, но как WME узнает, где находятся буквы и какой размер они имеют? Нам нужно написать файл определения, который задаёт все свойства шрифта. Вот его пример:

FONT
{
  IMAGE = "fonts\franklin.png"
  TRANSPARENT = 255,0,255
  COLUMNS = 16
  TILE_WIDTH = 32
  TILE_HEIGHT = 32
  AUTO_WIDTH = TRUE
  EXPAND_WIDTH = 1
}
Описание:

 

Внимание: вместо атрибута IMAGE Вы также можете задать свойство SPRITE, ссылающееся на файл спрайта. Таким образом, возможно создание анимированных шрифтов.

 

Дополнительные ресурсы:

См. также: