Данная часть серии статей, посвященной эффектам в Unity3D, посвящена эффектам, связанным с изменением параметров материала, включая параметры эмиссии, прозрачности,а также параметров текстур (основной Albedo и вторичной Albedo Detail x2) и координат текстуры в uv пространстве.
Кнопка включения и выключения через изменение цвета эмиссии
В статье Эффекты в Unity3D. Часть III. Билборды (биллборды), бегущая строка, неоновая реклама, информационные щиты, реклама, рекламные щиты, баннеры цвет эмиссии (излучаемого цвета) задавался вручную, но вы всегда можете изменить его программно, изменяя значения в коде.
Давайте посмотрим, зачем еще это может пригодиться.
Создадим, например, квад, и поместим на него текстуру кнопки с прозрачным фоном.
Теперь откроем меню материала и поместим в слот “Emission” сердцевину кнопки на черном фоне.
Если в слот Detail Albedo x2 добавить кнопку с серым фоном, то выглядеть она будет значительно лучше:
Создайте С# скрипт и назовите его “EmissionColor”. Откройте его и замените его внутренности на следующий код:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
using UnityEngine; using System.Collections; public class EmissionColor : MonoBehaviour { Material mat; Color emissionColor; void Start () { mat = GetComponent<Renderer>().material; emissionColor = new Color(0,0,0,1); } void Update () { if(Input.GetKeyDown("space")) { if(emissionColor == Color.white) { emissionColor = Color.black; } else emissionColor = Color.white; } mat.SetColor("_EmissionColor", emissionColor); } } |
Повторяться не буду, остановлюсь лишь на том, что еще не было описано в предыдущих частях серии по эффектам:
emissionColor = new Color(0,0,0,1); — назначаем переменной emissionColor цвет. В данном случае Color(0,0,0,1) является одним из способов определения цвета, в частности, в RGB. Последний параметр является значением для альфа-канала и определяет прозрачность материала.
Color.black является еще одним способом определения цвета, в частности, черного.
if(emissionColor == Color.white) — в данном цикле проверяется, является ли текущий цвет белым и если да, то меняем его на черный “emissionColor = Color.black;”, в противном случае (если текущий цвет – черный) меняем его на белый “emissionColor = Color.white;”.
mat.SetColor(«_EmissionColor», emissionColor); — устанавливаем цвету эмиссии (_EmissionColor) значение emissionColor.
Изменяя прозрачность и цвет основной текстуры Albedo иDetail Albedo можно получить различные результаты.
Чтобы сделать плавную анимацию кнопки, можно использовать следующий C# скрипт ShowButton:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
using UnityEngine; using System.Collections; public class ShowButton : MonoBehaviour { Material mat; Color lerpedColor = Color.white; void Start () { mat = GetComponent<Renderer>().material; } void Update () { lerpedColor = Color.Lerp (Color.white, Color.black, Mathf.PingPong (Time.time, 1)); mat.SetColor ("_EmissionColor", lerpedColor); } } |
Здесь используется метод для смены цвета Color.Lerp (public static Color Lerp(Color a, Color b, float t)), позволяющий линейно интерполировать значения между первым и вторым параметрами метода с шагом, задаваемым третьим параметром. Несколько ниже будет продемонстрирован схожий метод для материалов — Material.Lerp.
Результатом работы метода Mathf.PingPong (public static float PingPong(float t, float length);) являются значения между 0 и length. Данная функция возвращает остаток от деления значения t на length, поэтому при постоянном увеличении/уменьшении значения t наблюдается зацикленность выдаваемых результатов.
Теперь вы можете сделать свою кнопку “Сделать всё хорошо”! 🙂
Плавная смена материалов
Создайте скрипт C# ChMaterails и замените все, что найдете внутри, на следующие строчки:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
using UnityEngine; using System.Collections; public class ChMaterails : MonoBehaviour { public Material material1; public Material material2; public float duration = 2.0F; public Renderer rend; void Start() { rend = GetComponent<Renderer>(); rend.material = material1; } void Update() { float lerp = Mathf.PingPong(Time.time, duration) / duration; rend.material.Lerp(material1, material2, lerp); } } |
Скрипт взят с о страницы API скриптов, посвященной методу Material.Lerp. Как было сказано выше, метод Lerp выполняет линейную интерполяцию между двумя заданными величинами. В частности, Material.Lerp () интерполирует свойства между двумя материалами (текстуры, карты нормалей, шейдеры и т.д. не относятся к этим свойствам).
Поместите данный скрипт на ваш объект, после чего перетащите в слот “Material 1” скрипта один из имеющихся у вас в проекте материалов (или создайте новый), а в слот “Material 2” – второй материал, отличающийся, например, цветом материала, цветом излучения и т.д.
Запустите проект.
Медленное исчезновение объекта
Для осуществления данного эффекта необходимо, чтобы материалы был назначен необходим шейдер, поддерживающий прозрачность. Для стандартного шейдера в Unity5 для этого достаточно выставить режим рендеринга в Transparent вместо Opaque. В зависимости от того, выбрать Fade/Cutout или Transparent вы получите разный результат. Если хотите, чтобы у материала оставались его свойства, назначенные в меню материала, то используйте Transp, если хотите сделать полностью прозоачным, то Fade или Cutout.
Создайте C# скрипт ChangeTransparency следующего содержания
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
using UnityEngine; using System.Collections; public class ChangeTransparency : MonoBehaviour { private float duration = 1.0f; Color textureColor; Material mat; void Start () { textureColor = GetComponent<Renderer>().material.color; mat = GetComponent<Renderer> ().material; } void Update () { textureColor.a = Mathf.PingPong(Time.time, duration) / duration; mat.color = textureColor; } } |
и повесьте его на свой 3D объект, находящийся на сцене.
Запустите проект.
Как установить цвет и прозрачность материалу
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
using UnityEngine; using System.Collections; public class MaterialColors : MonoBehaviour { public Renderer rend; public Color setColor; void Start () { rend = GetComponent<Renderer>(); setColor = new Color (255f, 255f, 0f, 0.5f); } void Update () { if(Input.GetKeyDown("space")) rend.material.color = setColor; } } |
Данный скрипт позволяет задать цвет материалу объекта в RGB.
Последнее значение в Color(255,0,0,0.5) определяет прозрачность материала между 0 (полностью прозрачный) и 1 (ни разу не прозрачный).
Обратите внимание, что режим рендера материала (Render mode) выставлен в “Fade”.
А приведенный ниже C# скрипт, позволяет выставить в Инспекторе Unity3D цвет, на который будет заменен текущий цвет материала.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
using UnityEngine; using System.Collections; public class MaterialColors : MonoBehaviour { public Renderer rend; public Color setColor = Color.white; void Start () { rend = GetComponent<Renderer>(); } void Update () { if (Input.GetKeyDown ("space")) rend.material.color = setColor; } } |
Color setColor = Color.white; — установка белого цвета для материала (назначение Color.white в качестве значения для переменной setColor типа Color), а public делает возможным изменение значения setColor в Инспекторе посредством нативного ColorPicker’а;
Отмечу, что этот и приведенный выше код при каждом нажатии клавиши Пробел создает новый экземпляр материала.
Вообще, при любом изменении параметров материалов через Renderer.material создается новый инстанс материала. Это и плохо и хорошо одновременно: большое количество инстансов может нагрузить систему, зато у каждого объекта может быть материал со своими свойствами. Так вы можете создать много зеленых человечков с одним материалом на всех (только у меня при словосочетании “один на всех” возникают ассоциации с 40к обезьянами и одним бананом?), а потом программно изменить свойства для каждого отдельно взятого пришельца, который, если его стукнуть, станет фиолетовым, с попутным созданием экземпляра материала для уже фиолетового пришельца.
Если же вы не хотите создавать копию материала, то следует воспользоваться Renderer.sharedMaterial вместо Renderer.material.
Индикатор батареи
Чтобы создать индикатор батареи воспользуемся смещением текстуры, описанным в статье Эффекты в Unity3D. Часть III. Билборды (биллборды), бегущая строка, неоновая реклама, информационные щиты, реклама, рекламные щиты, баннеры и Эффекты в Unity3D. Часть I. Визуализация заклинания лечения. Но в данном случае перемещать будем не основную текстуру, а вторичную (Detail Albedo x2).
Небольшая хитрость состоит в подготовке развертки и текстур, основной и вторичной.
Вот так выглядит 3D модель батарейки с uv разверткой в Blender.
На изображении выше часть модели, соответствующая положению индикатора заряда батареи вынесена отдельно на uv развертке. Это связано с особенностью применения вторичной текстуры Detail Albedo. Светлые тона на вторичной текстуре подчеркивают основную текстуру, темные – маскируют. Так, области, окрашенные черным цветом на вторичной текстуре, будут полностью перекрывать соответствующие белые области на основной текстуре.
В соответствии с этим были подготовлены две текстуры.
Поскольку мы будем двигать Detail Albedo, то именно поэтому часть модели и была вынесена отдельно, так чтобы при ее перемещении она не залезала бы на другие острова uv развертки.
Скрипт C Sharp:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
using UnityEngine; using System.Collections; public class ScriptBatteryTextureOffset : MonoBehaviour { public Renderer rend; float offset = 0f; void Start () { rend = GetComponent<Renderer>(); } void Update () { offset += 0.078f; rend.material.SetTextureOffset("_DetailAlbedoMap", new Vector2(0, offset)); } } |
offset — значение смещения вторичной текстуры;
0.078f — величина, на которую смещается вторичная текстура каждый цикл Update(). Вычисляется, как показано на рсиунке выше, либо подбирается эмпирическим путем (экспериментально).
Автор: Максим Голдобин
goldmaxval@gmail.com
Ооооо-оооо-ооо, батарейка!
Спасибо, оказывается можно лерпить и материалы
Отличные разъяснения по работе со второй текстурой. Так держать