Подборка раритетных креативных сайтов
Так выглядел крутой веб 15-20 лет назад. Я его помню больше как красный текст на зелёном фоне с анимацией через <marquee>, но оказывается рядом с этой вакханалией было прекрасное 😁 На самом деле и по современным меркам выглядит круто.
Corpse Bride — https://youtu.be/gYJyWg9d8Yg
Nike Air — https://youtu.be/I0UGxVWFyPk
Levi's 150th Anniversary — https://youtu.be/gWxb7EEggPk
Neostream Company — https://youtu.be/bVq89gQdrcg
И ещё 360 сайтов в этом плэйлисте https://www.youtube.com/playlist?list=PL1a9Qk9koD80ss9CJUJVv9Mqt94tOCzT8
За наводку спасибо @maxgraey 😊
#inspiration
Так выглядел крутой веб 15-20 лет назад. Я его помню больше как красный текст на зелёном фоне с анимацией через <marquee>, но оказывается рядом с этой вакханалией было прекрасное 😁 На самом деле и по современным меркам выглядит круто.
Corpse Bride — https://youtu.be/gYJyWg9d8Yg
Nike Air — https://youtu.be/I0UGxVWFyPk
Levi's 150th Anniversary — https://youtu.be/gWxb7EEggPk
Neostream Company — https://youtu.be/bVq89gQdrcg
И ещё 360 сайтов в этом плэйлисте https://www.youtube.com/playlist?list=PL1a9Qk9koD80ss9CJUJVv9Mqt94tOCzT8
За наводку спасибо @maxgraey 😊
#inspiration
YouTube
Corpse Bride flash website in 2005
The website was created by BLITZ.
Corpse Bride website 2005 in WebDesignMuseum.org
https://www.webdesignmuseum.org/gallery/corpse-bride-2005
Twitter: https://twitter.com/WebDesignMuseum
Instagram: https://www.instagram.com/webdesignmuseum
Look at the other…
Corpse Bride website 2005 in WebDesignMuseum.org
https://www.webdesignmuseum.org/gallery/corpse-bride-2005
Twitter: https://twitter.com/WebDesignMuseum
Instagram: https://www.instagram.com/webdesignmuseum
Look at the other…
This media is not supported in your browser
VIEW IN TELEGRAM
Скорее всего это сделано в Cinema4D, но кодом геометрию повторить вроде должно быть просто. Взять тор с треугольным сечением, разъединить где-то, повернуть один конец на 120 градусов и получим вот такую поверхность Мёбиуса. Можно реймарчингом, можно из треугольников. Ну а градиенты уже отдельно думать :)
#inspiration by pak
#inspiration by pak
Media is too big
VIEW IN TELEGRAM
В отличие от вчерашнего, сегодняшнее вдохновение гораздо сложнее повторить кодом. Хотя у меня есть вариант, да и симуляцию ткани я на днях написал (снова), адаптировать её под это будет непросто.
Ну а тем кто решится это повторить на старте поможет этот пример на threejs, нужно добавить туда трение, реакцию опоры и прилипание вместо ветра и сбалансировать это всё чтобы не КРОВЬ КИШКИ РАСПИ*****ИЛО (извиняюсь, накипело). Ну и лично мне метод Стёрмера — Верле не очень заходит, я наверное неправильно его готовлю, поэтому рекомендую тот код полностью переписать (ну или обратить внимание на раздел особенности в википедии).
И кстати у меня всё больше вопросов как эти модные градиентики делаются, есть какие-то общепринятые практики или их нужно каждый раз заново переизобретать? Варианты в графических редакторах тоже подходят. Пишите в комменты :)
Кстати, на днях выкачу свою новую ткань в онлайн, в этот раз можно будет поиграться 😉
#inspiration by mbsjq
Ну а тем кто решится это повторить на старте поможет этот пример на threejs, нужно добавить туда трение, реакцию опоры и прилипание вместо ветра и сбалансировать это всё чтобы не КРОВЬ КИШКИ РАСПИ*****ИЛО (извиняюсь, накипело). Ну и лично мне метод Стёрмера — Верле не очень заходит, я наверное неправильно его готовлю, поэтому рекомендую тот код полностью переписать (ну или обратить внимание на раздел особенности в википедии).
И кстати у меня всё больше вопросов как эти модные градиентики делаются, есть какие-то общепринятые практики или их нужно каждый раз заново переизобретать? Варианты в графических редакторах тоже подходят. Пишите в комменты :)
Кстати, на днях выкачу свою новую ткань в онлайн, в этот раз можно будет поиграться 😉
#inspiration by mbsjq
Creative Coder
Скорее всего это сделано в Cinema4D, но кодом геометрию повторить вроде должно быть просто. Взять тор с треугольным сечением, разъединить где-то, повернуть один конец на 120 градусов и получим вот такую поверхность Мёбиуса. Можно реймарчингом, можно из треугольников.…
This media is not supported in your browser
VIEW IN TELEGRAM
Это видео было настолько вдохновляющее, что Иван не выдержал и реализовал это реймарчингом. Потом не выдержал уже я и попробовал себя в реймарчинге тоже :) Для первого раза вроде получилось неплохо, оказывается это тормозит меньше чем я думал, но всё же сильнее чем хотелось бы. В любом случае, меня можно поздравить с лишением реймарчинговой девственности :D
CineShader, Shadertoy
Большое спасибо Ивану и Павлу за помощь в реализации 🤝
Кстати, Иван — основатель генклуба, сообщества про генеративный арт. Там собралось много крутых ребят, которые постоянно обмениваются своими наработками и знаниями. Рекомендую к ним присоединиться :)
#my
CineShader, Shadertoy
Большое спасибо Ивану и Павлу за помощь в реализации 🤝
Кстати, Иван — основатель генклуба, сообщества про генеративный арт. Там собралось много крутых ребят, которые постоянно обмениваются своими наработками и знаниями. Рекомендую к ним присоединиться :)
#my
Перший пост про графіку в цьому році. Трошки моушну для розминки :)
Для 3D графіки в вебі важливо мати неможливі і технічно недосяжні референси щоб в процесі роботи були принаймні ідеї як покращити візуал. Все одно path tracing в продакшн не запустиш, але додати якусь невеличку підсвітку об'єкту по френелю і кілька відблисків зазвичай не створює проблем, але дуже прикрашає. Таких нюансів може бути дуже багато, і вони і створюють загальне сприйняття.
#inspiration
TAG Heuer Aquaracer Superdiver
Hublot | Square Bang
AizeNot
MOSQUITO - Abstract
Для 3D графіки в вебі важливо мати неможливі і технічно недосяжні референси щоб в процесі роботи були принаймні ідеї як покращити візуал. Все одно path tracing в продакшн не запустиш, але додати якусь невеличку підсвітку об'єкту по френелю і кілька відблисків зазвичай не створює проблем, але дуже прикрашає. Таких нюансів може бути дуже багато, і вони і створюють загальне сприйняття.
#inspiration
TAG Heuer Aquaracer Superdiver
Hublot | Square Bang
AizeNot
MOSQUITO - Abstract
🔥3❤2
Media is too big
VIEW IN TELEGRAM
Що ці японці собі дозволяють? Дуже цікавий інтерактив, з найофігеннішим перформансом!
https://www.kubota.com/futurecube/
Вітаємо ще одного автора каналу — @zhenya_nem! Це його дебютний пост :)
#inspiration
https://www.kubota.com/futurecube/
Вітаємо ще одного автора каналу — @zhenya_nem! Це його дебютний пост :)
#inspiration
🔥4👍2👏2