Без верстки и программирования, создаем свой 3D конфигуратор.

Без верстки и программирования, создаем свой 3D конфигуратор.

3D конфигуратор товаров – новое направление в онлайн торговле. В результате ускоренного развития визуализации интерактивной трехмерной и двухмерной графики WebGL, создавать такие web-приложения на страницах сайтов стало возможным.
Одна из проблем, которая не дает развиваться этой технологии – недостаток полезных инструментов. Большая часть из них это 3D движки, которые ценны для разработчиков, но не для дизайнеров\художников. Addon Verge3D для приложений 3DS Max и Blender – исключение из этого правила. Рассмотрим данный инструмент в этой статье. Для примера сделаем конфигуратор для сайта ювелирного изделия.

И так Verge3D имеет возможность работать как с Blender, так и с 3DS MAX, рассмотрим оба этих варианта.

Сема такая:

  • Создать 3D модели и материал.
  • Создать приложение, которое взаимодействует с пользователем.
  • Опубликовать 3D конфигуратор.

Создаем 3D содержимое.

Это самое сложное, но если имеется необходимый опыт работы c 3DS MAX или Blender или у вас есть друг с наличием такого опыта, то это все делается очень быстро. Сначала в менеджере приложений Verge3D создадим 3D приложение. Нужно ввести только имя проекта, оставшиеся настройки оставить без изменения.

Без верстки и программирования, создаем свой 3D конфигуратор.
Менеджер приложений.


Дальше создадим 3D модели. Модели должны быть минимум средней полигональности.

Без верстки и программирования, создаем свой 3D конфигуратор.

Затем создаем текстуру и материал, но можно взять и готовые решения в исходных файлах, для Verge3D они располагаются в каталоге applications/ring, для Blender в applications/ring_max.


Без верстки и программирования, создаем свой 3D конфигуратор.
Серебро в Blender.
Без верстки и программирования, создаем свой 3D конфигуратор.
Серебро в 3Ds MAX.

Без верстки и программирования, создаем свой 3D конфигуратор.
Бриллиант в Blender.

Без верстки и программирования, создаем свой 3D конфигуратор.
Бриллиант в 3Ds MAX.

Создадим приложение.

При помощи Puzzles сделаем 3D конфигуратор. Используем «on_click» и приложение взаимодействует с пользователем, «show» или «hide» изменит форму кольца, «assign_material» изменит материал. Получили приложение, в котором 4 кольца.


Схема:

Без верстки и программирования, создаем свой 3D конфигуратор.

Слева выбор колец, справа изменение материала.
Получили выбор между 12 исполнениями кольца.

Публикуем 3d конфигуратор.

Verge3D можно установить на своих ресурсах или загрузить в облако хоста Verge3D Network. Всего лишь нужно нажать зеленый глобус и конфигуратор станет доступен по ссылке.

Без верстки и программирования, создаем свой 3D конфигуратор.