2025-05-12 11:42:29

Создаем 3D-конфигуратор модульного дивана

В этой статье рассмотрим создание 3D-конфигуратора модульного дивана в нашем сервисе. В нем покупатель сможет менять различные варианты модулей, а также материалы обивки и подушек.
Site3D Configurator: Создаем 3D-конфигуратор модульного дивана

Подготавливаем модель

В начале подготовим 3D-модель в Blender. Для этого создадим заменяемый модуль, который будем превращаться в нужные варианты.

Далее добавим нужные комбинации модулей. При этом одинаковые элементы выгодно клонировать по ссылке (Alt + D) для более быстрой загрузки модели.

Все комбинации выставляем по центру координат и именуем их составные элементы с общей частью. В нашем примере это «var_1», «var_2» и «var_3».

У обивки и подушек назначаем свой материал. Подушкам назначаем общую часть имени «pillow».

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

Собираем конфигуратор

Далее создаем новый проект в нашем сервисе. Загружаем подготовленную 3D-модель.

В блоке «Настройки» на 3 шаге кликаем на иконку с плюсом и выбираем «Добавить модели». В названии части модели выбираем «base». Далее формируем список вариантов модулей и в качестве названия части модели вписываем «var_1», «var_2» и «var_3».

Добавляем смену материалов у обивки и подушек.

Добавляем переключатель видимости у подушек. В блоке «Связанные настройки» указываем настройку материала подушек. При скрытии подушек эта настройка будет не активной.

3D-конфигуратор модульного дивана готов. На 4 шаге можно получить код для его вставки на сайт или ссылку на просмотр в отдельном окне браузера.