Очень много полезных функций и утилит, glsl.

http://stack.gl/packages/

#tool

https://www.curtainsjs.com/ — небольшая библиотека, позволяющая быстро обрабатывать DOM элементы при помощи шейдеров. При этом она автоматически позиционирует их где нужно, давая адаптивность из коробки. Искривляющиеся картинки при скролле и анаглифные эффекты это сюда 💪

Пример на видео:
https://codepen.io/martinlaxenaire/full/OJVKVYa от https://twitter.com/webdesign_ml

#tool

Просто прикольно 😊

https://www.salvatorecasalino.it/interactive-resume/

#reference

Коллекция интерфейсов различных игр. Отличный источник вдохновения, особенно для 3D сайтов.

https://interfaceingame.com/

#reference

Очень крутая коллекция. Чтобы понять как это работает идём на https://threejs.org/examples/?q=matcap#webgl_materials_matcap и кидаем картиночки на бюст

За наводку спасибо @munrocket

#tool

Собрал на досуге небольшую коллекцию кастомных маткапов. 120 штук - найдётся на любой вкус!😁
забирайте: https://yadi.sk/d/BolhapRpdukdow

Вдогонку пример использования и репозиторий с огромным количеством подобных материалов

https://github.com/nidorx/matcaps

Эх, уметь бы реймарчить такие облака...

#inspiration

Просто красиво

https://twitter.com/KidMograph/status/1251590109792735235

#inspiration

Web design UI/UX Inspiration

Рубрика почитать на выходных:

Исследование читаемости шрифтов

Засечки вс гротески. Если вкратце – по читаемости шрифты без засечек чуть-чуть лучше, шрифты с засечками вызывают чуть-чуть более выраженный эмоциональный отклик.

https://habr.com/ru/company/tinkoff/blog/498878/

#article

Создание интерфейса для игры

Просто статья о процессе создания интерфейса, nothing special.

https://habr.com/ru/post/498600/

К ней прилагаются референсы игровых магазинов и визуального стиля из игр:
https://www.figma.com/file/zNQ09f97jPyl4bFkZtb1tS/GUI_Process_Tutorial
https://www.figma.com/file/WOLAP66uHyUBRj2tnuKY15/GUI_VISUAL_STYLE_REFS (тут бонусные скрины из SC2)

#article #reference

3D-аркада в браузере: как мы сделали игру на React + Redux

Статья о том, как НЕ надо делать 3D игры. Ну или как поднять перформанс Redux

https://habr.com/ru/company/2gis/blog/498638/

#article

И последняя, золотая статья аж 2015го года:

GTA V - Graphics Study

Разбор техник применяемых при рендеринге в GTA V в трёх частях.

В блоге ещё несколько разборов рендеринга в ААА играх. Не веб конечно, но отдельные техники применять можно и в WebGL. Adrian Courrèges, ты крутой, спасибо!

http://www.adriancourreges.com/blog/2015/11/02/gta-v-graphics-study/

#article #top

Очень красивый эффект

#inspiration

Consistent Video Depth Estimation

Крутой алгоритм определения глубины пикселей. Если это будет летать в real time, можно получить обалденные результаты в AR и без добавления лидаров к устройствам. Код пока недоступен

https://roxanneluo.github.io/Consistent-Video-Depth-Estimation/

#tool

Прикольный эксперимент с WebXR от Lusion

https://webxr-sneakers.lusion.co/

#reference

by https://dribbble.com/nathanriley

#inspiration