Использование шума в шейдерах (смешивание текстур)
Barney Codes
0:00 / 0:00
Использование шума в шейдерах (смешивание текстур)
28 653 просмотра · 2 года назад
Barney Codes
21,9 тыс. подписчиков
28 653 просмотра · 2 года назад
0:00 Вступление
0:30 Что такое шум?
1:48 Настройка
3:23 Вершинный шейдер
3:50 Чтение текстур
4:27 Смешивание со смешением
5:01 Чтение значений шума
5:39 Управление шумом
7:07 Масштабирование шума
7:58 Заключение
Код из этого видео:
https://editor.p5js.org/BarneyCodes/s...
Введение в шейдеры: • Introduction to shaders: Learn the basics!
Использованные примеры:
«Base warp fBM» от trinketMage: https://www.shadertoy.com/view/tdG3Rd
«Contour noise» от DeltaT: https://www.shadertoy.com/view/dsGfRz
«Cloud perturbations» от felipetovarhenao: https://www.shadertoy.com/view/mdcBDl
Дополнительные ресурсы по шуму:
Процедурный шейдерный шум: https://thebookofshaders.com/11/
Различные алгоритмы шума: https://lodev.org/cgtutor/randomnoise...
Статья в Википедии о шуме Перлина: https://en.wikipedia.org/wiki/Perlin_...
Текстуры, использованные в этом видео:
Текстура грязи: https://opengameart.org/content/simpl...
Текстура травы: https://opengameart.org/content/10-se...
Текстуры шума позволяют программистам добавлять случайные и органические элементы в свои эффекты. В этом видео я покажу, как использовать текстуры шума в шейдере для создания простого эффекта смешивания текстур. Существует множество способов использовать шум для создания потрясающих визуальных эффектов, поэтому надеюсь, это видео окажется для вас полезным и вы найдёте несколько полезных советов!
Подпишитесь на меня:
Twitter: / barneycodes
Reddit: / barneycodes
Поддержите канал: https://www.youtube.com/@BarneyCodes/...
#glsl #p5js #shaders