3D конфигуратор товаров – новое направление в онлайн торговле. В результате ускоренного развития визуализации интерактивной трехмерной и двухмерной графики WebGL, создавать такие web-приложения на страницах сайтов стало возможным.
Одна из проблем, которая не дает развиваться этой технологии – недостаток полезных инструментов. Большая часть из них это 3D движки, которые ценны для разработчиков, но не для дизайнеров\художников. Addon Verge3D для приложений 3DS Max и Blender – исключение из этого правила. Рассмотрим данный инструмент в этой статье. Для примера сделаем конфигуратор для сайта ювелирного изделия.
И так Verge3D имеет возможность работать как с Blender, так и с 3DS MAX, рассмотрим оба этих варианта.
Сема такая:
- Создать 3D модели и материал.
- Создать приложение, которое взаимодействует с пользователем.
- Опубликовать 3D конфигуратор.
Создаем 3D содержимое.
Это самое сложное, но если имеется необходимый опыт работы c 3DS MAX или Blender или у вас есть друг с наличием такого опыта, то это все делается очень быстро. Сначала в менеджере приложений Verge3D создадим 3D приложение. Нужно ввести только имя проекта, оставшиеся настройки оставить без изменения.
Дальше создадим 3D модели. Модели должны быть минимум средней полигональности.
Затем создаем текстуру и материал, но можно взять и готовые решения в исходных файлах, для Verge3D они располагаются в каталоге applications/ring, для Blender в applications/ring_max.
Создадим приложение.
При помощи Puzzles сделаем 3D конфигуратор. Используем «on_click» и приложение взаимодействует с пользователем, «show» или «hide» изменит форму кольца, «assign_material» изменит материал. Получили приложение, в котором 4 кольца.
Схема:
Слева выбор колец, справа изменение материала.
Получили выбор между 12 исполнениями кольца.
Публикуем 3d конфигуратор.
Verge3D можно установить на своих ресурсах или загрузить в облако хоста Verge3D Network. Всего лишь нужно нажать зеленый глобус и конфигуратор станет доступен по ссылке.