Обратный звонок
После отправки заявки с вами свяжется менеджер проектов
Мы не передаём информацию третьим лицам и не отправляем спам.
Интерактивный шоу-рум кабины лифта
Кейс для Серпуховского лифтостроительного завода
К нам обратился Серпуховский лифтостроительный завод с любопытной задачкой - создать виртуальный тур, с возможность демонстрации различных материалов и компонентов своих лифтовых кабин.
Должно создаваться ощущение присутствия, чтобы потенциальный клиент, мог понять как это будет выглядеть в живую и отправить понравившуюся комбинацию в отдел продаж!
Задачка понятна, а как воплощать? Собрали команду и начали перебирать варианты воплощения!
Должно создаваться ощущение присутствия, чтобы потенциальный клиент, мог понять как это будет выглядеть в живую и отправить понравившуюся комбинацию в отдел продаж!
Задачка понятна, а как воплощать? Собрали команду и начали перебирать варианты воплощения!
Сложности задачи
1
Масштабное количество вариантов
Кажется ну что тут 20 типов стен, 8 вариантов потолков, несколько опций панели, зеркала, поручня. Все вместе это создает более двухсот различных вариантов! А с учетом отражения в зеркале их количеству увеличивается вдвое!
2
Скорость загрузки
Необходимо обеспечить быструю скорость загрузки. Чтобы пользователь мог быстро перещелкивать между вариантами и подобрать оптимальный для себя.
3
Быстра перерабоотка в случае необходимости
Может добавиться новый элемент или цвет, тур должен быть динамичным с точки зрения доработок.
4
Любое устройство
Пользователь должен одинаково легко пользоваться туром с компьютера, телефона, планшета. Из любого браузера
Внутри или снаружи?
Примеров реализации похожих проектов в интернете не нашли, значит нужно придумывать с нуля.
Было две основные гипотезы: установить виртуальную камеру внутри кабины или расположить ее снаружи и вращать кабину, а не камеру. Во втором случае нужно придумать решение, чтобы ближние к камере стены исчезали, но тогда пропадает ощущения нахождения в лифте. Остановились на первом варианте. Построили 3D модель и нашинковали ее на много отдельных элементов
Маска стен, полов и потолков
Маска материалов
Маска объектов
Маски-шоу
Решение гениально и просто! Загружать сначала общую панораму, в зависимости от выбора в конструкторе подгружали всё отдельно: стены, потолок, пол, приборную панель, ручку, зеркало. Это всё значительно усложнило работу с моделью, так как появилась задача сложного «маскирования» элементов. Собрать нужно очень плотно, чтобы не было видно стыков. Можно сказать работать с лупой!
Вырисовались следующие требования к модели:
Камера должна находиться в одном месте (её смещение приведёт к несовпадению всех элементов)
Помимо цветового канала (самой панорамы) нужна ещё маска на каждую группу объектов, объединённых по материалу.
Сделать не одну панораму главную, а несколько, в которых будут использованы все виды потолков, цветов и ручек и панелей (в любом сочетании рандомно), в дальнейшем из этих панорам будут вырезаны элементы (с помощью тех самых масок) и подгружены в одну.
Маска, которая используется на зеркале, должна отражать маски остальных объектов (чтобы в отражении тоже менялись стены), но в то же время, как объект, должна быть «замаскирована»
В итоге сделали 9 лифтовых кабин, в каждой из которых был свой уникальный потолок и скопировали в 4 ряда (получили 36 кабин), каждую из которых покрасили в различные цвета и сочетания материалов.
И, наконец, наступил самый длительный этап - программирование. Кому-то этот пункт может показаться рутинным, но наш программист утверждает, что каждый тур не похож на другой, как снежинка, и для него этот процесс всегда творчество!
Результат работы перед вами! Заказчик доволен, получилось показать все варианты кабин без строительства реального шоу-рума!
И, наконец, наступил самый длительный этап - программирование. Кому-то этот пункт может показаться рутинным, но наш программист утверждает, что каждый тур не похож на другой, как снежинка, и для него этот процесс всегда творчество!
Результат работы перед вами! Заказчик доволен, получилось показать все варианты кабин без строительства реального шоу-рума!
Интерактивный шоу-рум
Виртуальный выбор материалов и наполнения кабин