E69Обучающаяся модельтехнологии · искусственный интеллект
Нажмите — сбросьте модель и дайте ей выучиться заново
Это не анимация: маленькая искусственная нейронная сеть обучается прямо сейчас, в вашем браузере. Цветная область — решение модели; в каждом кадре работает обратное распространение, ошибка падает, и граница изгибается, пока не научится разделять два облака точек. Самый короткий способ для софтверного или технологического бренда сказать: "мы действительно этим занимаемся".
E71Оптимизация маршруталогистика · доставка
Маршрут улучшается вживую — пересекающиеся пути распутываются один за другим
60 остановок, одна машина, кратчайший маршрут. Вариантов слишком много, чтобы компьютер перебрал их грубой силой (для 60 остановок их больше, чем атомов во вселенной), поэтому идёт доработка: находят два пересекающихся участка и разворачивают их, и маршрут всё укорачивается. В этом расчёте лежит счёт за топливо любого предприятия, которое развозит товар.
E08Телеметрический HUDMammut Baikal
ВРЕМЯ В ЦЕХУ: --:--:--
ТЕМПЕРАТУРА КОТЛА: 42.0°C
МЕШАЛКА: 1 450 об/мин
ВЯЗКОСТЬ: 3 200 сП · SOFT BODY
ВАШЕ ПОЛОЖЕНИЕ НА СТРАНИЦЕ: 0%
КУРСОР: X:— Y:—
Для чего это: ДЕКОРАТИВНЫЕ данные, от которых страница кажется живым прибором или лабораторией. Mammut сделал это с GPS и пульсом альпиниста — читатель чувствовал себя на горе. Мы делаем это температурой варочного котла: посетитель чувствует себя в цеху. Часть чисел настоящая (часы, ваша прокрутка, ваш курсор), часть — атмосфера. Где: страницы о производстве или лаборатории.
E35Армия частиц на видеокарте — 262 144 крупинкиLusion
Двигайте курсор — четверть миллиона зёрен пигмента разбегается
Положение частиц хранится в текстуре и обновляется на видеокарте. В E23 их было 9 000 — здесь 262 144.
E41Краска, отзывчивая к звукуэкран мероприятия/выставки
Нажмите кнопку ниже и говорите — краска колышется от вашего голоса
Просит доступ к микрофону, ничего не записывает. Где: экраны выставочных стендов, стены на мероприятиях.
E36Raymarching — жидкий металлмастерство шейдера
Ни модели, ни геометрии — сцена рисуется одной математикой
Для каждого пикселя прослеживается луч света: отражение, преломление, мягкая тень. Где: премиальные сцены с товаром.
E37Кинематографическая постобработкаLusion
Та же сцена — слева без обработки, справа кинематографический слой · тяните линию курсором
Свечение, хроматический сдвиг объектива, виньетка, зерно плёнки. Этот слой поднимает на ступень каждую сцену каталога.
E50Узор, который растёт самреакция-диффузия
Живой узор
Органическая текстура, растущая как химия.
Нажмите и потяните — узор начнёт разрастаться оттуда
Два вещества расходятся и вступают в реакцию (Грей-Скотт). Полосы зебры, коралл, пятно краски — всё из одного уравнения.
E30Краска внутри стеклянного шараLusion — материал стекло/гель
Стекло в реальном времени: преломляет свет и искажает то, что за ним · курсор поворачивает его
Стеклянный шар с плавающими внутри цветными каплями, по-настоящему преломляющий свет. Где: премиальные презентации товара (FarbeLab).
E03Разбор перемешанных буквKPR / Resn
████████████
Где хорошо смотрится: акцент на технологиях и инновациях, заголовки разделов.
E02Повествование пишущей машинкойMammut Baikal
Где хорошо смотрится: история бренда, рассказ о производстве, кейсы.
E13Игровая площадка краскиChungi Yoo · Lusion
Нажимайте / тяните — разбрызгайте краску 🎨
Где: страницы 404, детские и хобби-бренды, разделы "игровая площадка".
Номера понравившихся уже под рукой?
Достаточно сказать: "хочу на сайте E05, E11 и E13" — мы вместе продумаем, в каком разделе каждый из них стоит и как себя ведёт, и подгоним под вас. Этот каталог продолжает расти.
Поговорим о вашем бренде