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

@dre1337
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Кинетическая типографика и забавный диалог

https://vimeo.com/291358421

#inspiration
This media is not supported in your browser
VIEW IN TELEGRAM
Кажется, это тот самый случай, когда эффекты используются только ради эффектов. Элементарная сборка подошвы при скролле несёт в себе больше смысла чем большая часть эффектов на WebGL. Да, это реализация концепта, да, это хорошие решения в его рамках, но по мне это всё как-то не секси.

А макет крутой)

https://www.awwwards.com/case-study-cobo.html

#article
This media is not supported in your browser
VIEW IN TELEGRAM
Интересная фишка с типографикой

#inspiration
This media is not supported in your browser
VIEW IN TELEGRAM
Реализовал симуляцию ткани и псевдо эффект боке для меню сайта.

Проект ещё в разработке, ссылкой поделиться не могу. С вопросами приглашаю в чаты @webgl_ru и @creativecoders 😊

#my
Генератор стилей для неоморфизма.

neumorphism.io

Как вы относитесь к неоморфизму в дизайне?

#tool
This media is not supported in your browser
VIEW IN TELEGRAM
Как создавался https://fiomet.com/

По мне это очень крутой кейс и статья раскрывает достаточно подробностей.
Рекомендую прочитать:

https://medium.com/active-theory/fiomet-case-study-9a0180268423

#article #reference
Forwarded from Blink links
Metalab пошарили case study своей работы над Pitch (сюрприз, я думал, что дизайн продукта собирали внутри команды стартапа).

https://www.metalab.co/projects/pitch
This media is not supported in your browser
VIEW IN TELEGRAM
Стилизация под ASCII рендеринг и ретровейв.

https://jmswrnr.com/

#reference
This media is not supported in your browser
VIEW IN TELEGRAM
Как делаются те самые невозможные объекты.

https://www.shadertoy.com/view/WslyzX от https://twitter.com/lunasorcery

Чтобы они разъединились после объявления uv добавляем
uv.x = sign(uv.x)*(abs(uv.x) - sin(iTime) * .1 - .1);

#reference
Рендеринг текста любого размера без пикселизации при помощи MSDF:

https://medium.com/@calebfaith/implementing-msdf-font-in-opengl-ea09a9ab7e00

#tutorial