Главное Авторские колонки Вакансии Образование
Выбор редакции:
617 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Создаем 3D конфигуратор за 15 минут

В данном уроке создадим 3D конфигуратор дивана, в котором пользователь сможет менять текстуры отдельных элементов из заданного списка материалов.
Мнение автора может не совпадать с мнением редакции

Будем использовать простой в использовании сервис Site3D Configurator, т.к. он не требует специальных умений, потребуется лишь готовая 3D модель дивана и варианты текстур.

Регистрируемся на сайте сервиса

Это займет не более минуты вашего времени.


Загружаем 3D модель

В личном кабинете создаем новый проект и загружаем файл модели. Сервис рекомендует использовать модели в формате GLB размером до 10 Мб.


Настраиваем основные параметры

Выставляем стартовый вид, загружаем фотографию окружения, настраиваем кнопки навигационного меню.




Настраиваем смену материалов

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


Копируем код для сайта

Добавляем домен сайта, где собираемся разместить конфигуратор и с помощью кнопки «Скопировать весь код» копируем в буфер обмена код контейнера, где появится наш 3D виджет, и код обрабатывающего скрипта.


Вставляем код в нужное место сайта

3D конфигуратор готов к использованию. Теперь ваши администраторы сайта смогут получать от пользователей ссылки на ваш продукт в 3D с учетом индивидуального выбора.


Итог

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

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.