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

@dre1337
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
Вау симуляции дыма, частиц и прочего. В WebGL такое нам не светит конечно же 😭

https://vimeo.com/396455188

#inspiration