Creative Coder
445 subscribers
198 photos
138 videos
4 files
340 links
Креативна розробка вебу з ароматом смаженої москальні. Передовий край веб технологій та дизайн ідей, поки є електрика :)

@dre1337
加入频道
Подборка раритетных креативных сайтов

Так выглядел крутой веб 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
This media is not supported in your browser
VIEW IN TELEGRAM
Есть идеи как такое сделать?)

В чате пошло больше обсуждения чем в комментариях 😉

#inspiration
This media is not supported in your browser
VIEW IN TELEGRAM
Скорее всего это сделано в Cinema4D, но кодом геометрию повторить вроде должно быть просто. Взять тор с треугольным сечением, разъединить где-то, повернуть один конец на 120 градусов и получим вот такую поверхность Мёбиуса. Можно реймарчингом, можно из треугольников. Ну а градиенты уже отдельно думать :)

#inspiration by pak
Media is too big
VIEW IN TELEGRAM
В отличие от вчерашнего, сегодняшнее вдохновение гораздо сложнее повторить кодом. Хотя у меня есть вариант, да и симуляцию ткани я на днях написал (снова), адаптировать её под это будет непросто.

Ну а тем кто решится это повторить на старте поможет этот пример на threejs, нужно добавить туда трение, реакцию опоры и прилипание вместо ветра и сбалансировать это всё чтобы не КРОВЬ КИШКИ РАСПИ*****ИЛО (извиняюсь, накипело). Ну и лично мне метод Стёрмера — Верле не очень заходит, я наверное неправильно его готовлю, поэтому рекомендую тот код полностью переписать (ну или обратить внимание на раздел особенности в википедии).

И кстати у меня всё больше вопросов как эти модные градиентики делаются, есть какие-то общепринятые практики или их нужно каждый раз заново переизобретать? Варианты в графических редакторах тоже подходят. Пишите в комменты :)

Кстати, на днях выкачу свою новую ткань в онлайн, в этот раз можно будет поиграться 😉

#inspiration by mbsjq
Creative Coder
Скорее всего это сделано в Cinema4D, но кодом геометрию повторить вроде должно быть просто. Взять тор с треугольным сечением, разъединить где-то, повернуть один конец на 120 градусов и получим вот такую поверхность Мёбиуса. Можно реймарчингом, можно из треугольников.…
This media is not supported in your browser
VIEW IN TELEGRAM
Это видео было настолько вдохновляющее, что Иван не выдержал и реализовал это реймарчингом. Потом не выдержал уже я и попробовал себя в реймарчинге тоже :) Для первого раза вроде получилось неплохо, оказывается это тормозит меньше чем я думал, но всё же сильнее чем хотелось бы. В любом случае, меня можно поздравить с лишением реймарчинговой девственности :D

CineShader, Shadertoy

Большое спасибо Ивану и Павлу за помощь в реализации 🤝

Кстати, Иван — основатель генклуба, сообщества про генеративный арт. Там собралось много крутых ребят, которые постоянно обмениваются своими наработками и знаниями. Рекомендую к ним присоединиться :)

#my
Перший пост про графіку в цьому році. Трошки моушну для розминки :)

Для 3D графіки в вебі важливо мати неможливі і технічно недосяжні референси щоб в процесі роботи були принаймні ідеї як покращити візуал. Все одно path tracing в продакшн не запустиш, але додати якусь невеличку підсвітку об'єкту по френелю і кілька відблисків зазвичай не створює проблем, але дуже прикрашає. Таких нюансів може бути дуже багато, і вони і створюють загальне сприйняття.

#inspiration

TAG Heuer Aquaracer Superdiver
Hublot | Square Bang
AizeNot
MOSQUITO - Abstract
🔥32
Media is too big
VIEW IN TELEGRAM
Що ці японці собі дозволяють? Дуже цікавий інтерактив, з найофігеннішим перформансом!

https://www.kubota.com/futurecube/

Вітаємо ще одного автора каналу — @zhenya_nem! Це його дебютний пост :)

#inspiration
🔥4👍2👏2