Разработана интерактивная 3D веб-галерея для сайта проекта «Киберателье и креативные индустрии Приморья». 3D само по себе в браузере давно не новинка. Но здесь есть фишка – галерея сама наполняется объектами!
Скрин галереи
Каждый элемент в галерее – это ссылка на дизайнерскую коллекцию в каталоге сайта. Так вот – в момент добавления в каталог новой коллекции, специальный алгоритм анализирует локальные цвета этой коллекции и на основе этой палитры создает уникальную текстуру (с использованием диаграммы Вороного). После этого он создает уникальный 3D объект (в рамках заданной логики), наносит текстуру и добавляет в 3D галерею новый объект, связанный ссылкой с конкретной коллекцией. По этой ссылке через галерею открывается коллекция конкретного дизайнера.
Интерес здесь в том, что у посетителя сайта получается увидеть содержание всего сайта под новым углом. А вернее – под новыми углами. Ведь по ней можно перемещаться (с помощью мыши и/или клавиатуры). Заходя на сайт, мы каждый раз получаем новый информационный срез наполненности сайта.
Можно было пойти дальше – когда не только цвет, но и само содержание коллекций – например характер форм – отражались бы на форме генерируемых 3D-скульптур. Так и было задумано для следующих итераций (поколений) данной галереи. Но а пока, это тоже интересный опыт и идея, которую можно развивать в других проектах. Для реализации была выбрана библиотека Threejs.org
В поддержку галереи были запущены видеоролики с рекламой и анонсом. Вот несколько кадров из такого ролика. Ролик можно посмотреть по ссылке.
Кадры из промо-ролика – рекламы Галереи
Галерея была разработана одновременно с новым цветовым решением сайта, которое к тому же означало новый этап в развитии всего проекта. Поэтому в поддержку нового дизайна и для вовлечения дополнительной аудитории были разработаны рекламные материалы и видео промо ролики для социальных сетей.
Пример графики для видео-материалов в поддержку нового этапа проекта ArtFashion Маршрут
Один из видео промо-роликов для соцсетей можно увидеть по ссылке
