This media is not supported in your browser
VIEW IN TELEGRAM
Crystal Sculpture. Real-time raytracing.
https://expo.encharm.studio/crystal/
Кому понравилось, поддержите на дрибббле 🙏
#my
https://expo.encharm.studio/crystal/
Кому понравилось, поддержите на дрибббле 🙏
#my
Живые материалы в ThreeJS
Идея не нова и довольно проста — бери да анимируй что-то в шейдере в зависимости о времени. Самое простое — изменять цвет, либо просто текстурные координаты, но если хочется чего-то покруче то приходится интегрироваться с PBR системой трёхи. И это не так удобно как хотелось бы :)
В этих демках ради скорости прототипирования я каждый кадр пререндерил карты шума и нормалей и использовал их для различных свойств материала. Сначала думал обойтись без нормалей и использовать шум как bump map, но на третьем видео отлично видна "пикселизация" — нехватка данных для dFdx. К счастью в Генклубе недавно выложили несколько ресурсов по шумам, и среди них был шикарный репозиторий с реализациями различных шумов с вычислением производных. Очень рекомендую! В принципе производные можно найти и вычисляя шум для соседних фрагментов, но это х5 больше вычислений 🤷♂️
В продакшн такое решение с пререндерингом не стоит запускать, лучше заморочиться и реализовать всё в шейдере собственно материала. Так должно работать сильно быстрее. Проблема тут в системе материалов ThreeJS и способе их кастомизации, придётся разобраться как она работает, подменять шейдер чанки на свои и это адский ад, но всё равно это быстрее чем писать свой PBR.
Кстати, существует инструмент типа Shader Chunks Explorer, который очень упрощает жизнь когда в этом разбираешься, но я потерял ссылку :) Если у кого есть, поделитесь пожалуйста.
Ну и конечно же поддержите на дрибббле 🙏
#my #reference
Идея не нова и довольно проста — бери да анимируй что-то в шейдере в зависимости о времени. Самое простое — изменять цвет, либо просто текстурные координаты, но если хочется чего-то покруче то приходится интегрироваться с PBR системой трёхи. И это не так удобно как хотелось бы :)
В этих демках ради скорости прототипирования я каждый кадр пререндерил карты шума и нормалей и использовал их для различных свойств материала. Сначала думал обойтись без нормалей и использовать шум как bump map, но на третьем видео отлично видна "пикселизация" — нехватка данных для dFdx. К счастью в Генклубе недавно выложили несколько ресурсов по шумам, и среди них был шикарный репозиторий с реализациями различных шумов с вычислением производных. Очень рекомендую! В принципе производные можно найти и вычисляя шум для соседних фрагментов, но это х5 больше вычислений 🤷♂️
В продакшн такое решение с пререндерингом не стоит запускать, лучше заморочиться и реализовать всё в шейдере собственно материала. Так должно работать сильно быстрее. Проблема тут в системе материалов ThreeJS и способе их кастомизации, придётся разобраться как она работает, подменять шейдер чанки на свои и это адский ад, но всё равно это быстрее чем писать свой PBR.
Кстати, существует инструмент типа Shader Chunks Explorer, который очень упрощает жизнь когда в этом разбираешься, но я потерял ссылку :) Если у кого есть, поделитесь пожалуйста.
Ну и конечно же поддержите на дрибббле 🙏
#my #reference
Немного рейтрейсинга и глитчей с отрицательной рефракцией 😄
Подумал что можно избежать появления полосок когда считаешь дисперсию для каждого канала отдельно, если вручную брать разные мип уровни в зависимости от разбега лучей. Примерно как реализован блум в трёхе или карты окружения в PBR там же. Но пока не могу придумать как это адекватно вычислять в шейдере где есть преломления и отражения по несколько раз 🤷♂️
Дрибббл
#my #reference
Подумал что можно избежать появления полосок когда считаешь дисперсию для каждого канала отдельно, если вручную брать разные мип уровни в зависимости от разбега лучей. Примерно как реализован блум в трёхе или карты окружения в PBR там же. Но пока не могу придумать как это адекватно вычислять в шейдере где есть преломления и отражения по несколько раз 🤷♂️
Дрибббл
#my #reference
ENCHARMVERSE
Ну что ж, этот день настал. Сегодня я запускаю свой метавёрс, над которым я работал последние 4 месяца:
https://encharmverse.com/
За это время я написал свою оффлайн рендерилку на WebGL которая выдает глубину трейсинга больше чем многие профессиональные пакеты и к тому же работает быстрее. Конечно это не бесплатно и пришлось пожертвовать некоторыми возможностями, но я очень доволен результатами :) Заодно сильно прокачал скиллы в реймарчинге, PBR и генеративном арте. Конечно времени сделать всё идеально не хватало, поэтому ещё очень очень много чего нужно доделать и сделать.
Я думаю все в курсе что такое NFT и как эта кухня работает. Так как просто генеративным артом уже к сожалению никого не удивить, вслед за дропами будут идти мини игры и квесты, раскрывающие историю метавселенной. И на саму историю будут влиять решения сообщества и игроков. В общем планы масштабные, ближайший год будет очень интересным :)
Буду очень благодарен если вы поддержите это начинание в соц. сетях:
Твиттер
Инстаграм
Дадим шуму! 🥳🎉🥳
#my
Ну что ж, этот день настал. Сегодня я запускаю свой метавёрс, над которым я работал последние 4 месяца:
https://encharmverse.com/
За это время я написал свою оффлайн рендерилку на WebGL которая выдает глубину трейсинга больше чем многие профессиональные пакеты и к тому же работает быстрее. Конечно это не бесплатно и пришлось пожертвовать некоторыми возможностями, но я очень доволен результатами :) Заодно сильно прокачал скиллы в реймарчинге, PBR и генеративном арте. Конечно времени сделать всё идеально не хватало, поэтому ещё очень очень много чего нужно доделать и сделать.
Я думаю все в курсе что такое NFT и как эта кухня работает. Так как просто генеративным артом уже к сожалению никого не удивить, вслед за дропами будут идти мини игры и квесты, раскрывающие историю метавселенной. И на саму историю будут влиять решения сообщества и игроков. В общем планы масштабные, ближайший год будет очень интересным :)
Буду очень благодарен если вы поддержите это начинание в соц. сетях:
Твиттер
Инстаграм
Дадим шуму! 🥳🎉🥳
#my
This media is not supported in your browser
VIEW IN TELEGRAM
Зробив сайт присвячений війні, для європейців, котрі ще не знають що вони наступні. Будь ласка, розповсюдьте по знайомим з-за кордону за можливості 😉
war.encharm.studio
Прохання підтримати також в Твіттері чи на Dribbble
#my
war.encharm.studio
Прохання підтримати також в Твіттері чи на Dribbble
#my
🔥22
Media is too big
VIEW IN TELEGRAM
Півтора роки тому робив ось такий WebGL компонент для одного сайту, от він нарешті релізнувся :)
Лінк шейрити не буду, бо то москалі (каюсь і більше не працюємо)
#my #reference
Лінк шейрити не буду, бо то москалі (каюсь і більше не працюємо)
#my #reference
🔥22❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Зробили з Юрою сайтик http://continuous.vc
Рейтрейсинг, патікли, флюїдсім — все як ми любимо 🔥
Проголосуйте на авардс 🙏
https://www.awwwards.com/sites/continuous-ventures
#my
Рейтрейсинг, патікли, флюїдсім — все як ми любимо 🔥
Проголосуйте на авардс 🙏
https://www.awwwards.com/sites/continuous-ventures
#my
🔥21