Добавить в корзинуПозвонить
Найти в Дзене
Игровой движок Godot engine

№243. Эффект скользящего блика без использования текстур.

Небольшая статья, в которой соберём вот такой прекрасный эффект блика. Закидываем в проект спрайт , и подключаем шейдер.
Нам потребуется три переменные, которые помогут нам в установке размера, позиции и яркости нашего блика Внутри fragment функции начнем с того что создадим градиентную полоску из UV градиента. Я сразу подкрутил переменную POS, для управлением позиции.
Подаем в COLOR - всё как и ожидалось. Далее нам надо сделать полоску градиента как бы на обе стороны.
Для этого прикручиваем обычный синус. Я сразу завел сюда SCALE , чтобы можно было управлять размером всего градиента. Выглядит как будто то, что нужно.
Единственное что тут плохо это тайлинг нашего градиента в обе стороны. Что ж, будем убирать с обоих сторон не нужные нам повторения. Для этого будем гонять цикл в котором всё что выходит за пределы оригинального UV будет равно нулю. И теперь всё двигается без тайлов. Ну а далее всё как и раньше - просто смешиваем с оригинальным спрайтом. А для того чтобы наклонить градие

Небольшая статья, в которой соберём вот такой прекрасный эффект блика.

Закидываем в проект спрайт , и подключаем шейдер.
Нам потребуется три переменные, которые помогут нам в установке размера, позиции и яркости нашего блика

-2

Внутри fragment функции начнем с того что создадим градиентную полоску из UV градиента. Я сразу подкрутил переменную POS, для управлением позиции.
Подаем в COLOR - всё как и ожидалось.

-3

Далее нам надо сделать полоску градиента как бы на обе стороны.
Для этого прикручиваем обычный синус. Я сразу завел сюда SCALE , чтобы можно было управлять размером всего градиента.

-4

Выглядит как будто то, что нужно.
Единственное что тут плохо это тайлинг нашего градиента в обе стороны.

-5

Что ж, будем убирать с обоих сторон не нужные нам повторения.

Для этого будем гонять цикл в котором всё что выходит за пределы оригинального UV будет равно нулю.

-6

И теперь всё двигается без тайлов.

-7

Ну а далее всё как и раньше - просто смешиваем с оригинальным спрайтом.

-8

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

-9

На этом всё. Будьте внимательны и удачи !
Подписывайтесь на канал, при желании
вступайте в группу в ВК.