Найти тему
Игровой движок Godot engine

№78. Visual Shaders. Визуальный редактор шеидера. Часть №1.

Оглавление

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

В этой небольшой статье разберемся с основными моментами работы с визуальным редактором шейдера.

ПОДКЛЮЧАЕМ ШЕЙДЕР

Создадим спрайт, и в инспекторе в закладке material добавим New Shader Material.

Далее выбираем New Visual Shader

-2

После чего откроется редактор шеидера.

-3

Так как по умолчанию открывается режим работы с 3Д материалом, нам надо переключится в 2Д режим.
Выбираем CanvasItem

-4

После чего наш материал стал гораздо беднее ))

-5

РАБОТА С НОДАМИ

Если мы нажмем правую кнопку то откроется меню модификаторов.

-6

Тут можно выбрать модификаторы для различных свойств. Давайте для примера сделаем наш спрайт черно белым.
Для этого в разделе Color > Function выберем ноду Grayscale

-7

Подключаем в цвет

-8

И… наш спрайт стал черным... и это явно то не то, что мы хотели.
Происходит это потому, что на входе нет данных, которые мы бы хотели модифицировать.
Подадим на вход текстуру которая находится в спрайте. Для этого выбираем texture > Function > Texture.

-9

В самой ноде выбираем texture2D, и подключаем её на вход ColorFunc.
И вуаля — наш спрайт стал черно белым.

-10

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

-11

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

-12

Надеюсь вам был полезен этот материал.
Подписывайтесь на канал, и
вступайте в группу в ВК.