Кажется, это тот самый случай, когда эффекты используются только ради эффектов. Элементарная сборка подошвы при скролле несёт в себе больше смысла чем большая часть эффектов на WebGL. Да, это реализация концепта, да, это хорошие решения в его рамках, но по мне это всё как-то не секси.

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

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

#article

Как создавался https://fiomet.com/

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

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

#article #reference

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

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

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

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

Как создавался illuminating-radioactivity.com от tubikstudio.com. И правда, зачем весь этот WebGL, когда есть редимаг? 😏

https://www.awwwards.com/case-study-illuminating-radioactivity-website-by-tubik.html

#article

Анализ кадра Mortal Kombat 11

Коненчо, для веба это слишком хардкорно, а для WebGL скорее невозможно, но даже если не знать все эти техники, то хотя бы иметь представление об их существовании полезно. Тем более вон в твиттере уже screen space GI на WebGL сделали)

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

#article

А вот и статья от создателей сайта – Resn. Очень рекомендую почитать

https://www.awwwards.com/resns-pioneer-corn-revolutionized-wins-site-of-the-month-july-2020.html

#article

Прекрасная статья про свет и тени в компьютерной графике:

https://ciechanow.ski/lights-and-shadows/

#article