Докуметация Cтарт Статьи Форум Лента Вход
Не официальное русскоязычное сообщество
Главная
    Документация jMonkeyEngine
        jMonkeyEngine SDK: Документация
            Создание шрифта

Создание шрифта

Опубликованно: 30.07.2017, 19:58
Последняя редакция, Andry: 03.08.2017 21:38

Большинство проектов jME3 используют Растровые шрифты(Bitmap Fonts) для отображения текста пользователю. Это происходит потому, что они рендерятся намного быстрее, чем альтернативы, хотя у них есть ряд ограничений. Основным ограничением является то, что текст не будет масштабироваться увеличиваться или уменьшаться с сохранением качества, они предназначен для отображения с определенным размером пикселя на экране и будут терять качество, если они слишком сильно увеличивается или уменьшается относительно этого размера.

Все текущие GUI библиотеки jME3 используют Растровые шрифты, также как и класс BitmapText, предоставляемый в jME3.

Растровые шрифты фактически состоят из двух файлов. Один файл, это PNG изображение, содержащее отдельные буквы, а другой, это текстовый файл .fnt, содержащий описание всех символов, поддерживаемых данным шрифтом, и где их можно найти внутри PNG изображения.

SDK предоставляет инструмент для автоматического создания Растровых шрифтов из любого другого шрифта, установленного на вашем компьютере.

Чтобы создать шрифт, щелкните [ПК мыши] одну из папок в Project Assets, в которой вы хотите создать шрифт, например Interface/Fonts.

Выберите Новый, а затем выберите Другое… .

newother

В появившемся окне выберите GUI, а затем Font, и затем нажмите [Далее].

newothergui

Затем вы увидите список всех стандартных шрифтов, установленных в вашей системе. Выберите шрифт, который вы хотите использовать для создания файлов Растрового шрифта, и нажмите [Далее].

При выборе шрифтов вы должны убедиться, что использование его в вашем проекте не нарушает авторские права на шрифт.

selectfont

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

configurefont

Настройки шрифта

Настройки в поле слева настраивают способ отображения шрифта. Имя шрифта будет показано еще раз, чтобы, вы если вам будет надо, могли бы убедится что выбрали нужный вам шрифт. Используйте кнопку , если вы решили выбрать другой шрифт.

Стиль(Font style) (например, Жирный, Обычный, Курсив(Bold, Plain, Italic)) и Размер Шрифта(Font Size) (в Points) могут быть выбраны так же, как и расстояние между буквами(Letter spacing).

Char Range задает набор символы для визуализации из набора символов Unicode. Диапазон для визуализации заданный по умолчанию от 0 до 256 достаточен для отображения любого символа, используемого в большинстве западных языков. Однако диапазон может быть расширен за счет большего файла изображения, если вам требуется больше символов.

Настройки изображения

Настройки в поле справа настраивают генерируемые файлы.

Первый параметр file name указывает название файлов. Оно не должно содержать расширение файла, поскольку будут созданы два файла, оба с использованием этого названия, и с расширением .fnt и .png. Обратите внимание, что сгенерированный .fnt файл содержит ссылку на .png файл. Это значит что если вы переименуете файлы после их создания, вам нужно будет зайти в файл .fnt и вручную обновить ссылку.

Следующий пункт настроек Image Size показывает размер создаваемого изображения. Рекомендуется использовать две квадратные текстуру(256×256, 512×512, и.т.п.) Для максимальной производительности на разных видеокартах.

Последние две пункта настроек предназначены для настройки заполнения по горизонтали и вертикали для всех символов. В большинстве случаев их можно оставить равными 0, но иногда их может быть полезно изменить.

Пред просмотр

Черная область в верхней части окна нужна для пред просмотра того что будет генерироваться файлы. Оно нужно вам чтобы понять, как будут выглядеть ваши символы. Синие линии показывают границы между отдельными символами, составляющими шрифт.

Завершение

Когда вы будете готовы, нажмите [Готово] для создания файлов или [Отмена] для отмены.

Расширенные эффекты

Один из сгенерированных файлов является стандартным PNG-файлом, поэтому вы можете его загрузить в программу редактирования изображений и добавить нужные вам эффекты. Например, вы можете заранее добавить заполнение к каждому из символов, используя настройки padding-x и padding-y, а затем использовать это, чтобы добавить внешнее свечение, тень или что-то еще, что вам понравилось.

При визуализации цвет Растровых шрифтов умножается на заданный цвет текста, поэтому, если задать белый цвет текста, то тогда вы может использоваться любой цвет что зададите внутри PNG-файла. А если сам PNG-файл использует белый цвет, то тогда в самой игре для текста можно задавать любой цвет. Кроме того, эти два варианта настройки можно комбинировать, если в этом есть необходимость. Но это следует делать с осторожностью, поскольку умножение будет иметь тенденцию делать цвета более темными или они могут даже полностью исчезать. (Например, красный, умноженный на зеленый, дает черный цвет).


Переведено для jmonkeyengine.ru, оригинал
Автор перевода: Andry

Добавить комментарий

jMonkeyEngine.ru © 2017. Все права сохранены.