Настройка текстур интерфейса занимает много времени и требует глубоких знаний функций материалов и их настроек. Чтобы дать разработчикам больше свободы в использовании уникальных текстур интерфейса, в Unreal Editor для Fortnite (UEFN) представлен ряд текстур с широкими возможностями настройки.
Папки материалов интерфейса
Материалы интерфейса хранятся в «Каталоге ресурсов» в папке Fortnite > UI > Materials.
Папка Materials содержит два типа материалов интерфейса:
Материалы индикаторов: обычно используются для отображения шкалы здоровья и щитов. (Подробнее см. в статье «Коллекция материалов интерфейса».)
Текстуры: обычно используются в качестве фонового изображения или в анимации интерфейса.
Текстуры относятся к категориям со следующими параметрами:
SDF Texture (Текстура с расписанным полем расстояний) | Texture Effects (Текстура с эффектами) | Texture Mask (Маска текстуры) |
Форма текстуры с нечётким контуром. Вы можете задать для неё следующие параметры:
Вы также можете вращать и растушёвывать текстуры. | Текстура с девятью различными настраиваемыми спецэффектами. Все эффекты реализуются с помощью функций материала, которые вы настраиваете, задавая значения параметров. | Материал Texture Mask скрывает части текстуры на основе введённых вами данных. Вы можете задать параметры, которые позволяют настроить:
|
 |  |  |
Создание экземпляра материала
Чтобы использовать текстуру из папки UI, сначала необходимо преобразовать её в экземпляр материала. Экземпляры материалов используют меньше памяти, чем материалы или текстуры, и предоставляют больше возможностей для настройки в UMG благодаря тому, что становятся доступны параметры.
Этими параметрами можно управлять в модели просмотра, где они привязываются к функции устройства или коду Verse, который определяет поведение материала.
Для создания экземпляра материала выполните следующее:
Откройте папку Проект > Fortnite > UI > Materials.
Нажмите на изображение, чтобы увеличить. Нажмите правой кнопкой мыши на материал, чтобы открыть выпадающее контекстное меню.
Выберите Создать экземпляр материала в выпадающем меню.
Нажмите на изображение, чтобы увеличить.
Экземпляр материала автоматически создаётся в главной папке проекта.
SDF Texture (Текстура с расписанным полем расстояний)
Текстура с расписанным полем расстояний может переопределять изображение значка аватара игрока по умолчанию или использоваться для создания значков. Текстура с расписанным полем расстояний имеет ряд настраиваемых параметров, которые можно использовать для определения внешнего вида значка, сделать его размытым или чётким, создать эффект свечения, чтобы значок выглядел как неоновая вывеска, и многое другое.
Вы можете менять параметры текстуры в модели просмотра в UMG и в коде Verse через соответствующие поля. В таблице ниже вы можете узнать подробнее об использовании различных параметров.
База РИСКа;
Базовые параметры текстуры с расписанным полем расстояний.
Параметр | Описание | GIF |
Текстура | Выберите текстуру с расписанным полем расстояний из выпадающего меню. | |
Цвет | Выбор цвета текстуры. |  |
Макс. свечение | Увеличивает и уменьшает свечение краёв формы. Значения, близкие к 0, делают контур формы более чётким. Значения, близкие к 1, увеличивают свечение контура формы. Дополнительные параметры GlowMax зависят от значения GlowMax. |  |
Вращение | Вращает текстуру относительно её центра. При значении 0,25 текстура поворачивается на 90 градусов влево. Значение –0,25 поворачивает на 90 градусов вправо. |  |
Растушёвка текстуры | Определяет величину растушёвки, применяемой к пользовательской текстуре с расписанным полем расстояний при использовании параметров GlowMax. Высокие значения увеличивают степень растушёвки. Чем меньше значения, тем ниже степень растушёвки. |  |
Цвет тени
Определяет цвет тени текстуры.
Параметр | Описание | GIF |
Макс. свечение тени | Определяет, насколько сильно светится тень текстуры. Значения, близкие к 0, делают контур формы более чётким. Значения, близкие к 1, усиливают свечение контура формы. |  |
Смещение тени по оси X | Определяет величину смещения тени текстуры по оси X. Более высокие значения смещают тень от текстуры. Меньшие значения смещают тень ближе к текстуре. |  |
Смещение тени по оси Y | Определяет величину смещения тени текстуры по оси Y. Более высокие значения смещают тень от текстуры. Меньшие значения смещают тень ближе к текстуре. |  |
Непрозрачность тени | Определяет степень прозрачности тени текстуры. Значения, близкие к 1, увеличивают непрозрачность выбранного цвета. Значения, близкие к 0, уменьшают непрозрачность цвета. |  |
Вращение тени | Вращает тень текстуры относительно её центра. При значении 0,25 тень текстуры поворачивается на 90 градусов влево. |  |
Толщина тени | Определяет толщину тени текстуры. Чем выше значение, тем больше толщина тени. Чем ниже значение, тем меньше толщина. |  |
Гребец
Параметры, влияющие на внешний вид обводки текстуры.
Параметр | Описание | GIF |
Цвет внутренней обводки | Определяет цвет внутренней обводки текстуры. |  |
Макс. свечение внутренней обводки | Определяет максимальную интенсивность свечения внутренней обводки текстуры. InnerStrokeGlowMax зависит от значения GlowMax. Максимальное установленное значение GlowMax определяет максимальное значение свечения для InnerStrokeGlowMax и OuterStrokeGlowMax. |  |
Толщина внутренней обводки | Определяет толщину внутренней обводки. При более высоких значениях обводка будет толще, а при более низких — тоньше. |  |
Максимальная толщина свечения внутренней обводки | Определяет толщину свечения внутренней обводки текстуры. При более высоких значениях толщина свечения обводки будет больше, а при более низких — меньше. InnerStrokeThicknessGlowMax зависит от значения GlowMax. Максимальное установленное значение GlowMax определяет максимальное значение свечения для InnerStrokeThicknessGlowMax и OuterStrokeGlowMax. |  |
Цвет внешней обводки | Определяет цвет внешней обводки. |  |
Макс. свечение внешней обводки | Определяет интенсивность свечения внешней обводки текстуры. Значения, близкие к 0, делают контур формы более чётким. Значения, близкие к 1, увеличивают свечение контура формы. OuterStrokeGlowMax зависит от значения GlowMax. Максимальное установленное значение GlowMax определяет максимальное значение свечения для InnerStrokeThicknessGlowMax и OuterStrokeGlowMax. |  |
Толщина внешней обводки | Определяет толщину внешней обводки текстуры. Чем больше значение, тем толще обводка, чем меньше значение — тем тоньше. |  |
Максимальная толщина свечения внешней обводки | Определяет толщину свечения внешней обводки текстуры. При более высоких значениях свечение обводки будет толще, а при более низких — тоньше. |  |
Эффекты текстур
Текстуры с эффектами содержат ряд настраиваемых параметров, с помощью которых можно изменить внешний вид текстуры:
В клетках
Гиперпрыжок
Пикселяция
Скачок
Полутона
Ступенчатый градиент
И многое другое…
Параметры можно комбинировать и настраивать с помощью моделей просмотра в UMG и кода Verse. В таблице ниже рассказывается подробнее об параметрах.
Базовая текстура
Базовые параметры текстуры. Выберите текстуру из выпадающего меню.
Параметр | Описание | GIF |
Текстура | Выберите текстуру из выпадающего меню. |  |
Замощение по оси X | Заполняет текстуру плитками по оси X. При значении 1 замощение не выполняется. При значениях больше 1 добавляются плитки по оси X. Чтобы изображения были полными, рекомендуется использовать целые числа для этого параметра. |  |
Замощение по оси Y | Заполняет текстуру плитками по оси Y. При значении 1 замощение не выполняется. При значениях больше 1 добавляются плитки по оси Y. Чтобы изображения были полными, рекомендуется использовать целые числа для этого параметра. |  |
Перенос по оси X | Перемещает текстуру по оси X. Вы можете анимировать текстуру, задав значение параметра Перенос по оси X с помощью Sequencer в UMG. |  |
Перенос по оси Y | Перемещает текстуру по оси Y. Вы можете анимировать текстуру, задав значение параметра Перенос по оси Y с помощью Sequencer в UMG. |  |
Скорость переноса по оси X | Определяет скорость переноса по оси X. |  |
Скорость переноса по оси Y | Определяет скорость переноса по оси Y. |  |
Масштабирования
Параметры, позволяющие изменять масштаб и размер текстуры. Создаёт эффект дробления на текстуре.
Параметр | Описание | GIF |
Масштабирование | Определяет эффект масштабирования текстуры. Эта настройка отображается только тогда, когда используются другие параметры масштабирования. |  |
Макс. скорость масштабирования | Определяет максимальную скорость эффекта масштабирования на текстуре. |  |
Мин. скорость масштабирования | Определяет минимальную скорость эффекта масштабирования на текстуре. |  |
Размер в начале | Размер текстуры в начале анимации. |  |
Средний размер | Размер текстуры в середине анимации. |  |
Конечный размер | Размер текстуры в конце анимации. |  |
Искажение
Параметры, которые позволяют добавлять эффект искажения текстуры.
Чтобы изменить внешний вид значка, вместе с параметром IsWarping должны использоваться дополнительные параметры искажения.
Параметр | Описание | GIF |
Искажение | Определяет величину эффекта искажения текстуры. |  |
Амплитуда X | Применяет эффект растяжения по оси X. |  |
Амплитуда Y | Применяет эффект растяжения по оси Y. |  |
Частота X | Применяет эффект синусоиды к текстуре вдоль оси X. |  |
Частота Y | Применяет эффект синусоиды к текстуре вдоль оси Y. |  |
Скорость искажения | Определяет скорость эффекта искажения на текстуре. |  |
Пикселяция
Параметры, позволяющие пикселизировать внешний вид текстуры.
Параметр | Описание | GIF |
Пикселизация | Добавляет пиксельный эффект к текстуре. При значении 0 пиксельный эффект к текстуре не применяется. Значение 1 делает текстуру полностью пиксельной. |  |
Количество пикселей | Определяет количество пикселей в текстуре. При значении 1 текстура становится квадратной. Добавление дополнительных пикселей создаёт пикселизированную форму. |  |
Скачок
Параметры, позволяющие добавлять к текстуре эффект отскока.
Параметр | Описание | GIF |
Отскок | Определяет коэффициент эффекта отскока. Эта настройка отображается только в том случае, если используются другие параметры отскока. |  |
Скорость отскока | Определяет скорость отскока текстуры. |  |
Отскок по оси X | Определяет силу эффекта отскока, применяемую по оси X. |  |
Отскок по оси Y | Определяет силу эффекта отскока, применяемую по оси Y. |  |
Полутона
Параметры, создающие эффект точек в стиля комиксов на текстуре.
Параметр | Описание | GIF |
Полутона | Определяет, используется ли эффект, а также степень непрозрачности эффекта полутонов. Более высокие значения увеличивают непрозрачность эффекта, а более низкие значения уменьшают её. |  |
Плотность точек | Увеличивает плотность точек в эффекте. При более высоких значениях увеличивается количество точек и уменьшается их размер. Более низкие значения уменьшают количество точек и увеличивают их размер. |  |
Макс. свечение точек | Определяет максимальный уровень свечения, применяемого вокруг точек. При положительных значениях точки выглядят как звёзды, а при отрицательных — в виде кружков. |  |
Мин. свечение точки | Определяет минимальный уровень свечения вокруг точек. Значения можно использовать для изменения цвета фона и точек. Значения 5 и выше приводят к тому, что эффект плавно переходит в один цвет. Аналогичным образом, при значениях ниже –7 эффект растворяется в одном цвете. |  |
Макс. размер точки | Определяет максимальный размер точек. |  |
Мин. размер точки | Определяет минимальный размер точек. |  |
Цвет градиента 1 | Определяет основной цвет полутонового эффекта. |  |
Цвет градиент 2 | Определяет дополнительный цвет эффекта полутонов. |  |
Скорость панорамирования полутонов по оси X | Определяет скорость перемещения точек по оси X. |  |
Скорость панорамирования полутонов по оси Y | Определяет скорость перемещения точек по оси Y. |  |
Вращение полутонов | Поворачивает направление движения точек. |  |
Ступенчатый градиент
Параметры, которые позволяют добавлять к текстуре ступенчатый градиент.
Эти параметры зависят от параметров Оттенок.
Параметр | Описание | GIF |
Ступенчатый градиент | Определяет, применяется ли эффект ступенчатого градиента к текстуре. |  |
Величина ступенчатого градиента | Определяет величину ступенчатого градиента, применяемого к текстуре. Для работы этого параметра необходимо включить IsSteppedGradient и установить его значение меньше 1,0. |  |
Оттенок
Эти параметры позволяют добавлять к текстуре цвета для создания на ней градиентного эффекта.
Параметр | Описание | GIF |
Непрозрачность оттенка градиента | Определяет непрозрачность цветов в градиенте. Меньшие значения уменьшают непрозрачность текстуры, а большие значения увеличивают непрозрачность материала. |  |
Цвет оттенка 1 | Определяет первый цвет в градиенте. |  |
Позиция оттенка 1 | Определяет положение первого цвета градиента. Эта настройка работает только в том случае, если рядом с параметром TintGradientOn стоит галочка и задано значение. |  |
Цвет оттенка 2 | Определяет второй цвет в градиенте. |  |
Позиция оттенка 2 | Определяет позицию второго цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее второй выбранный цвет. Эта настройка работает только в том случае, если рядом с параметром TintGradientOn стоит галочка и задано значение. | |
Цвет оттенка 3 | Определяет третий цвет в градиенте. | |
Позиция оттенка 3 | Определяет позицию второго цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее второй выбранный цвет. Эта настройка работает только в том случае, если рядом с параметром TintGradientOn стоит галочка и задано значение. | |
Градиент оттенка включён | Определяет, применяется ли эффект градиента к текстуре. | |
Вращение градиента оттенка | Вращает направление градиента. |  |
Радиальный градиент оттенка | Меняет градиент на радиальный градиент. | |
Размер радиального градиента оттенка | Определяет размер радиального градиента. |
Альфа-цвет
Параметры, позволяющие добавлять прозрачность, цвет и градиент к текстуре с альфа-каналом.
Эти параметры лучше всего подходят для текстур, которые имеют цвет, например, изображение персонажа или чёрно-белая текстура.
Параметр | Описание | GIF |
Непрозрачность альфа-канала | Определяет непрозрачность альфа-канала текстуры. Меньшие значения уменьшают непрозрачность текстуры, а большие значения увеличивают непрозрачность материала. |  |
Альфа-цвет 1 | Определяет первый цвет в градиенте. |  |
Позиция альфа-цвета 1 | Определяет положение первого цвета градиента. Эта настройка работает только в том случае, если рядом с параметром AlphaGradientOn стоит галочка и задано значение. |  |
Альфа-цвет 2 | Определяет второй цвет в градиенте. |  |
Позиция альфа-цвета 2 | Определяет позицию второго цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее второй выбранный цвет. Эта настройка работает только в том случае, если рядом с параметром AlphaGradientOn стоит галочка и задано значение. |  |
Альфа-цвет 3 | Определяет третий цвет в градиенте. |  |
Положение альфа-цвета 3 | Определяет позицию третьего цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее третий выбранный цвет. Эта настройка работает только в том случае, если рядом с параметром AlphaGradientOn стоит галочка и задано значение. |  |
Градиент альфа-канала включён | Определяет, применяется ли градиент к текстуре. |  |
Вращение градиента альфа-канала | Вращает направление градиента. |  |
Радиальный градиент альфа-канала | Преобразует градиент в радиальный градиент. |  |
Размер радиального градиента альфа-канала | Определяет размер радиального градиента. |  |
Texture Mask (Маска текстуры)
Материал Texture Mask использует параметры, которые позволяют скрывать значок или аватар игрока, а также добавлять контурные элементы к значку или изображению аватара.
Материал Texture Mask имеет ряд параметров, которые можно настраивать в модели просмотра в UMG и в коде Verse через поля. В таблице ниже вы можете узнать подробнее об использовании различных параметров.
Текстура
Параметры, определяющие внешний вид текстуры.
Параметр | Описание | GIF |
Текстура | Выберите текстуру из выпадающего меню. |  |
Альфа текстуры | Определяет цвет альфа-канала текстуры. Значение 1 — белый. Значения меньше 1 уменьшают интенсивность белого цвета и смешивают его с цветом фона. |  |
Положение текстуры по оси X | Располагает текстуру на оси X. |  |
Положение текстуры по Y | Располагает текстуру на оси Y. |  |
Масштаб текстуры по оси X | Масштабирует текстуру по оси X. |  |
Масштаб текстуры по оси Y | Масштабирует текстуру по оси Y. |  |
Заполнить
Параметры, определяющие внешний вид градиента, применяемого к фону.
Параметр | Описание | GIF |
Пользовательская заполняющая текстура | Выберите заполняющую текстуру в выпадающем меню. | |
Альфа заливки | Определяет цвет альфа-канала маски. Значение 1 — это белый цвет. Значения ниже 1 уменьшают интенсивность белого и смешивают его с цветом фона. |  |
Цвет заливки 1 | Определяет первый цвет в градиенте. |  |
Положение градиента цвета заливки 1 | Определяет положение первого цвета градиента. |  |
Цвет заливки 2 | Определяет второй цвет в градиенте. |  |
Положение градиента цвета заливки 2 | Определяет позицию второго цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее второй выбранный цвет. |  |
Цвет заливки 3 | Определяет третий цвет в градиенте. |  |
Положение градиента цвета заливки 3 | Определяет позицию третьего цвета градиента. Чем выше значение, тем больше начало градиента смещается в противоположной стороне. Чем меньше значение, тем заметнее третий выбранный цвет. |  |
Размер радиального градиента цвета заливки | Определяет размер градиента на фоне. |  |
Тип градиента заливки | Изменяет тип градиента с радиального на линейный. |  |
Свечение | Определяет интенсивность свечения фона. | |
Вращение градиентной заливки | Вращает градиент по кругу. Параметр LinearGradientFillRotation зависит от значений, заданных для параметра FillGradientType. |  |
Форма | Определяет форму маски относительно текстуры. |  |
Вращение формы | Вращает форму маски относительно текстуры. |  |
Размер формы | Определяет размер формы маски относительно текстуры. |  |
Радиус нижнего левого угла | Этот параметр меняет скругление левого нижнего угла в зависимости от используемого значения. |  |
Радиус правого нижнего угла | Этот параметр меняет скругление правого нижнего угла в зависимости от используемого значения. |  |
Радиус верхнего левого угла | Этот параметр меняет скругление левого верхнего угла в зависимости от используемого значения. |  |
Радиус правого верхнего угла | Этот параметр меняет скругление правого верхнего угла в зависимости от используемого значения. |  |
Контур
Параметры, определяющие внешний вид контура вокруг маски.
Параметр | Описание | GIF |
Толщина зазора | Определяет размер зазора между контуром и текстурой. Параметр GapThickness зависит от параметра OutlineAlpha, для которго задано значение больше 0,40. |  |
Альфа контура | Определяет цвет альфа-канала контура. Значение 1 — это сплошной цвет альфа-канала; значения ниже 1 уменьшают насыщенность цвета и смешивают его с фоном. |  |
Цвет контура 1 | Определяет первый цвет в градиенте контура. |  |
Позиция цвета контура 1 | Определяет позицию первого цвета в градиенте контура. |  |
Цвет контура 2 | Определяет второй цвет в градиенте контура. |  |
Позиция цвета контура 2 | Определяет позицию второго цвета градиента контура. |  |
Цвет контура 3 | Определяет третий цвет в градиенте контура. |  |
Позиция цвета контура 3 | Определяет позицию третьего цвета градиента контура. |  |
Толщина контура | Определяет толщину контура. |  |
Texture Mask (Маска текстуры)
Параметры для изменения внешнего вида маски текстуры.
Параметр | Описание | GIF |
Предпросмотр маски | Определяет непрозрачность предпросмотра маски. Значение 0 означает, что предпросмотр невидим, а значение 1 означает, что маска полностью видна. Этот параметр отображается только в том случае, если значения MaskWidth и MaskHeight больше 0,0. |  |
Положение маски по оси X | Размещает маску по оси X. |  |
Положение маски по оси Y | Размещает маску по оси Y. |  |
Высота маски | Определяет высоту маски. |  |
Ширина маски | Определяет ширину маски. |  |
Уклон
Параметры, определяющие степень наклона, которая применяется к фону и контуру маски.
Параметр | Описание | GIF |
Уклон по оси X | Наклоняет фон и контур маски по оси X. |  |
Уклон по оси Y | Наклоняет фон и контур маски по оси Y. |  |