Захоплюючий сайт, котрий проводить користувача віртуальною реконструкцією стародавнього перського міста Персеполіс, відродженого з руїн.
Ідеальне використання 3D в вебі, крутий пост процессинг, увага до деталей — кайф
https://persepolis.getty.edu/
#reference
Ідеальне використання 3D в вебі, крутий пост процессинг, увага до деталей — кайф
https://persepolis.getty.edu/
#reference
Forwarded from eduard_ov
Media is too big
VIEW IN TELEGRAM
Тримайте новий відос, про ЗСУ. Буду благодарен если репостните в инсте:
https://www.instagram.com/tv/CeQ-7vDKXDh/?igshid=YmMyMTA2M2Y=
https://www.instagram.com/tv/CeQ-7vDKXDh/?igshid=YmMyMTA2M2Y=
Iridescence в ThreeJS 141 це магія 😍
MeshPhysicalMaterial тепер має параметр iridescence, котрий відповідає за симуляцію тонкої бензинової або мильної плівки на поверхні мешу. Фізично це відбувається за рахунок інтеференції відбитого від плівки та відбитого від поверхні світла з самим собою. Світло що пройшло крізь плівку отримує зсув по фазі і за рахунок цього деякі частоти (і відповідно кольори) затухають, а деякі підсилюються утворюючи ті самі бензинові розводи котрі я періодично всюди пхаю вже рік як. Детальніше про цей ефект можна прочитати на вікі.
З налаштувань є мінімальна і максимальна товщина плівки, її індекс рефракції та можливість задати мапу товщини. Погратись можна тут з прикріпленною моделлю Сюзанни.
Смерть ворогам з цього не зробиш, але демку в портфель щоб було більше грошей на донати ще й як 😉
MeshPhysicalMaterial тепер має параметр iridescence, котрий відповідає за симуляцію тонкої бензинової або мильної плівки на поверхні мешу. Фізично це відбувається за рахунок інтеференції відбитого від плівки та відбитого від поверхні світла з самим собою. Світло що пройшло крізь плівку отримує зсув по фазі і за рахунок цього деякі частоти (і відповідно кольори) затухають, а деякі підсилюються утворюючи ті самі бензинові розводи котрі я періодично всюди пхаю вже рік як. Детальніше про цей ефект можна прочитати на вікі.
З налаштувань є мінімальна і максимальна товщина плівки, її індекс рефракції та можливість задати мапу товщини. Погратись можна тут з прикріпленною моделлю Сюзанни.
Смерть ворогам з цього не зробиш, але демку в портфель щоб було більше грошей на донати ще й як 😉
Forwarded from ЦЕНТР ПРОТИДІЇ ДЕЗІНФОРМАЦІЇ
#ЦПД_застерігає: керівництво рф поширює фейки щодо «дня росії», щоб додати «святу» значимості та історичної ваги
🔺 В день ухвалення Декларації про державний суверенітет рф поширюються історичні, мілітаристські та пропагандистські наративи щодо колишніх звершень «тисячолітньої історії»:
🔹 мзс рф в якості вітання розмістив наратив «ми ввічливо просили не розширюватися на схід»
🔹 путін заявив, що «пишається звершеннями і ратними перемогами своїх предків, хто в битвах утверджував гідну роль росії в світі»
❗️Та тут слід нагадати:
🔸 «триколор» впровадили за царя Петра І для обману морської охорони балтійських портів
🔸 «двоголового орла» вкрали у Візантії для підтвердження тези «москва – третій Рим»
🔸 назву «Русь» викрали у 1721 році, тоді ж Петро І проголосив державу «російською імперією», а себе – імператором
Варто пам’ятати, що 300 років формального існування росії на карті є всього лише ланцюжком фейків та жорстокої імперської агресії
#інфотерор
TG | FB | INST | YT | TW
🔺 В день ухвалення Декларації про державний суверенітет рф поширюються історичні, мілітаристські та пропагандистські наративи щодо колишніх звершень «тисячолітньої історії»:
🔹 мзс рф в якості вітання розмістив наратив «ми ввічливо просили не розширюватися на схід»
🔹 путін заявив, що «пишається звершеннями і ратними перемогами своїх предків, хто в битвах утверджував гідну роль росії в світі»
❗️Та тут слід нагадати:
🔸 «триколор» впровадили за царя Петра І для обману морської охорони балтійських портів
🔸 «двоголового орла» вкрали у Візантії для підтвердження тези «москва – третій Рим»
🔸 назву «Русь» викрали у 1721 році, тоді ж Петро І проголосив державу «російською імперією», а себе – імператором
Варто пам’ятати, що 300 років формального існування росії на карті є всього лише ланцюжком фейків та жорстокої імперської агресії
#інфотерор
TG | FB | INST | YT | TW
Media is too big
VIEW IN TELEGRAM
Що ці японці собі дозволяють? Дуже цікавий інтерактив, з найофігеннішим перформансом!
https://www.kubota.com/futurecube/
Вітаємо ще одного автора каналу — @zhenya_nem! Це його дебютний пост :)
#inspiration
https://www.kubota.com/futurecube/
Вітаємо ще одного автора каналу — @zhenya_nem! Це його дебютний пост :)
#inspiration
This media is not supported in your browser
VIEW IN TELEGRAM
https://www.youtube.com/watch?v=PjHKcdeRQiY
Відтворення ефекту на https://www.zikd.space/de від Юри Артюха. Заодно показує як модифікувати матеріали тришки, що є дуже потужною технікою, і дозволяє робити дива в браузері не пишучи кілометри реалізацій PBR. Хоча в цьому випадку мабуть можна було взяти геометрію ціліндра замість площини і керувати полем offset текстур.
До речі, нагадую про зручний спосіб дивитись шейдери тришки.
Загалом це крутий, хоч і доволі простий ефект. Було б цікаво поекспериментувати з оживленням типографіки і самої форми — це відкриє величезний простір до кінетичної типографіки наступного рівня. Хто спробує і в кого вийде, напишу його ім'я на снаряді 😉😄
#tutorial #reference
Відтворення ефекту на https://www.zikd.space/de від Юри Артюха. Заодно показує як модифікувати матеріали тришки, що є дуже потужною технікою, і дозволяє робити дива в браузері не пишучи кілометри реалізацій PBR. Хоча в цьому випадку мабуть можна було взяти геометрію ціліндра замість площини і керувати полем offset текстур.
До речі, нагадую про зручний спосіб дивитись шейдери тришки.
Загалом це крутий, хоч і доволі простий ефект. Було б цікаво поекспериментувати з оживленням типографіки і самої форми — це відкриє величезний простір до кінетичної типографіки наступного рівня. Хто спробує і в кого вийде, напишу його ім'я на снаряді 😉😄
#tutorial #reference
Як швидко і просто зробити тривимірний сайт без знання WebGL
Пропоную вашій увазі чудовий туторіал по spline.design
https://www.youtube.com/watch?v=EJxeMbDTkVI
Виглядає дуже круто! Не стільки завдяки тривимірності, а більше завдяки крутому дизайну ще в фігмі. Хоча в 3D стало тільки краще 😉
Тут можна помацати кінцевий результат
#tutorial
Пропоную вашій увазі чудовий туторіал по spline.design
https://www.youtube.com/watch?v=EJxeMbDTkVI
Виглядає дуже круто! Не стільки завдяки тривимірності, а більше завдяки крутому дизайну ще в фігмі. Хоча в 3D стало тільки краще 😉
Тут можна помацати кінцевий результат
#tutorial
This media is not supported in your browser
VIEW IN TELEGRAM
Для мене було цікаво як розробники Spline зробили таку швидку реалізацію розмиття, і на щастя прямо в коді шейдера є посилання на шейдертой. Вони навіть зробили визначення сили розмиття в залежності від глибини, але для цього всі об'єкти позаду "скла" рендеряться вдруге з DepthMaterial. Тому ця фіча має прихований оверхед. Подивитись можна самому з допомогою SpectorJS — взагалі рекомендую аналізувати з його допомогою всі цікаві вам сайти, дуже круто бустить скіл 😉
До речі, ще одне відео з цією технікою, цікава ідея:
https://www.youtube.com/watch?v=59NVCBo26TA
Сам Spline це майбутнє масове 3D в вебі, покриває багато потреб дизайнерів і здешевлює виробництво. Хороша новина в тому, що ті хто вміють робити вау за межами можливостей Spline будуть мати більше роботи через розширення ринку. Також можна почати корисутватись Spline і робити те саме 3D що зараз, тільки швидше. Вангую появу професії по сплайну, як от сталось з вебфлоу. І до речі, вони одне з одним чудово інтегруються.
#tool #reference
До речі, ще одне відео з цією технікою, цікава ідея:
https://www.youtube.com/watch?v=59NVCBo26TA
Сам Spline це майбутнє масове 3D в вебі, покриває багато потреб дизайнерів і здешевлює виробництво. Хороша новина в тому, що ті хто вміють робити вау за межами можливостей Spline будуть мати більше роботи через розширення ринку. Також можна почати корисутватись Spline і робити те саме 3D що зараз, тільки швидше. Вангую появу професії по сплайну, як от сталось з вебфлоу. І до речі, вони одне з одним чудово інтегруються.
#tool #reference