Перейти к содержимому

Использование шума в шейдерах (смешивание текстур)

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