E67Исследование солнца и тениархитектура · строительство
Меняются широта и время года — тени поворачиваются по реальному углу солнца
Тени поставлены не "для красоты": для выбранной широта, день и час вычисляются высота и азимут солнца, и свет ставится туда. Тот же расчёт, который архитектурные бюро делают для исследований затенения и инсоляции соседнего участка.
E68Расчёт фермыстроительство · машиностроение
Поводите курсором по верхнему заголовку — пусть нагрузка ляжет туда
Куда бы ни легла нагрузка, усилие в каждом стержне решается мгновенно: красный — растяжение, синий — сжатие, толщина — величина усилия. За этим собирается настоящая матрица жёсткости и решается система уравнений — прямое применение курса статики. Прозрачная линия показывает деформацию, преувеличенно.
E28Полёт камеры (scroll-scrub)Pioneer / Resn
Прокрутите — камера летит сквозь вселенную краски
Прокрутка = киноплёнка. Сцена прилипает к экрану, и камера едет, пока вы продвигаетесь. Где: рассказы о пути бренда.
E39Глубина 2,5D из фотографиитехника карты глубины
Двигайте курсор — плоская картинка обретает глубину, и вы заглядываете внутрь
Одна фотография + карта глубины = иллюзия объёма. Где: снимки мастерской, предметная съёмка.
E43Склад на 10 000 бутылокинстансинг
Десять тысяч объектов, одна команда отрисовки — прокрутите, склад повернётся
Десять тысяч копий одного объекта отрисовываются за один заход. Где: рассказ о мощности и масштабе, ощущение огромной фабрики.
E36Raymarching — жидкий металлмастерство шейдера
Ни модели, ни геометрии — сцена рисуется одной математикой
Для каждого пикселя прослеживается луч света: отражение, преломление, мягкая тень. Где: премиальные сцены с товаром.
E40Кадр за кадром по прокруткеСтраницы товаров Apple
Прокрутите — бутылка поворачивается кадр за кадром, ровно в вашем темпе
72 кадра готовятся заранее и привязываются к прокрутке — как видео, но управление полностью у вас.
E09Анимированные счётчикиNoomo · Synchronized
0
Цвет
0
Товар
0
Бренд
0
Основание
Где: блоки статистики, "мы в цифрах".
E05Огромная фоновая типографика + параллаксCrescente Sicily
МАСТЕРСТВО
Резко впереди, глубоко позади.
Попробуйте прокруткой — слои едут с разной скоростью. Где: заголовки серий и коллекций.
E37Кинематографическая постобработкаLusion
Та же сцена — слева без обработки, справа кинематографический слой · тяните линию курсором
Свечение, хроматический сдвиг объектива, виньетка, зерно плёнки. Этот слой поднимает на ступень каждую сцену каталога.
E12Кинетическая повторяющаяся типографикаSynchronized Studio
MARKA KURULUM — MARKA KURULUM — MARKA KURULUM — MARKA KURULUM
С НУЛЯ ДО ЖИВОГО — С НУЛЯ ДО ЖИВОГО — С НУЛЯ ДО ЖИВОГО
ОТ ПРОИЗВОДИТЕЛЯ ПРОИЗВОДИТЕЛЮ — ОТ ПРОИЗВОДИТЕЛЯ ПРОИЗВОДИТЕЛЮ — ОТ ПРОИЗВОДИТЕЛЯ ПРОИЗВОДИТЕЛЮ
Прокрутите — строки едут в противоположные стороны, наклоняясь со скоростью прокрутки. Где: разделители секций, манифесты.
Номера понравившихся уже под рукой?
Достаточно сказать: "хочу на сайте E05, E11 и E13" — мы вместе продумаем, в каком разделе каждый из них стоит и как себя ведёт, и подгоним под вас. Этот каталог продолжает расти.
Поговорим о вашем бренде