Цветовые градиенты
Вы можете применять градиенты до четырех цветов к тексту. Когда вы добавляете цветовой градиент, TextCore применяет градиентные цвета к каждому символу в текстовой строке.
Используйте теги ,<gradient> и для применения предустановленных градиентов цвета к текстовым объектам. Предустановленный градиент переопределяет тип и цвет локального градиента текста.
Создание предварительной настройки цветового градиента
Чтобы создать цветовой градиент с одним или несколькими цветами и поместить его в определенную папку, выполните следующие действия:
В меню выберите Ассеты > create > Text Core > Color Gradient для добавления нового предварительно установленного цветового градиента.
-
В окне Градиент цвета Inspector выберите режим цвета из раскрывающегося меню:
- Одиночный: Применяет один цвет.
- Горизонтальный градиент: Применяет два цвета и производит переход между ними сбоку на каждый символ.
- Вертикальный градиент: Применяет два цвета и производит переход вверх и вниз между ними на каждом символе.
- Градиент четырех углов: Применяет четыре цвета. Каждый цвет излучается из назначенного угла каждого символа.
Настройка цветов градиента. Количество цветов, доступных в поле Цвета, зависит от выбранного режима градиента. Каждая палитра соответствует источнику цвета на спрайте персонажа.
Поместите ассет цветового градиента в путь, установленный для Presets Color Gradient в ассете Panel Text Setting.
Применение цветовых градиентов
Чтобы применить предварительно установленный цветовой градиент к тексту, укажите цветовой градиент по имени как <gradient="name-of-the-color-gradient">Your text</gradient>. Если вы примените цветовой градиент таким образом, цвет текста будет умножен на текущие цвета вершины объекта.
Чтобы применить чистый градиент к выбранному тексту, используйте тег <color> для перестановки цвета на белый. Например:
<color=white><gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient></color>
Примеры цветовых градиентов
Ниже приведены примеры цветовых градиентов для каждого режима.
Один цвет
Одноцветный градиент
Горизонтальные градиенты
Градиент с двумя цветами.
Вертикальные градиенты
Градиент вверх-вниз с двумя цветами.
Градиенты четырёх углов
Градиент с четырьмя цветами. Каждый цвет излучается из одного угла. Это самый универсальный тип градиента. Вы можете изменять некоторые цвета и оставлять другие идентичными, чтобы создать различные виды градиентов.
На этом примере показаны три угла одного цвета и четвертый с другим цветом.
В этом примере показаны пары смежных углов одного цвета для создания горизонтальных или вертикальных градиентов.
В этом примере показаны пары диагонально противоположных углов одного цвета для создания диагональных градиентов.
Этот пример создает горизонтальные и вертикальные трехцветные градиенты с доминирующим цветом на одном конце и переходом между двумя цветами на другом.
В этом примере два диагонально противоположных угла имеют один и тот же цвет, а два других угла имеют разные цвета, чтобы создать диагональную полосу трехцветного градиента.