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

3D конфигураторы – это достаточно новый тренд в интернет-маркетинге, который активно развивается благодаря браузерной технологии WebGL. Она дает возможность использовать элементы трехмерной графики без загрузки соответствующих программ и длительного обучения их использованию.

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

Многим сферам бизнеса, особенно из реального сектора и торговли, необходимы 3D конфигураторы. Необходимы, чтобы привлекать и удерживать клиентов, увеличивать продажи и монетизацию своих интернет-ресурсов. Компания AVADA MADIA предлагает готовые гибкие решения в данной сфере для таких сфер:

• автосалоны – с возможностью подбора цвета, выбора дисков и спойлеров, салона и т.д.;
• дизайнеры, производители и продавцы отделочных материалов – мы предлагаем 3D конфигураторы интерьера с широким выбором настроек и возможностей;
• производители мебели, мебельные салоны – онлайн конфигуратор мебели позволит вашим клиентам подбирать мебель онлайн и даже создавать собственные модели;
• ювелирные салоны и производители;

• производители и продавцы бытовой электроники – клиенты смогут подбирать технику к интерьеру по цвету;
• производители промышленного оборудования.

Каждый 3D конфигуратор, который предлагает наша компания, уникален, хотя создается с использованием примерно одного стека технологий. Ведь у каждого клиента – свой товар и своя логика создания трехмерных моделей. Некоторые конфигураторы предлагают клиенту последовательный выбор вариантов, в результате которого он приходит к конкретному изделию в каталоге. Другие дают больший простор для фантазии, особенно в том, что касается выбора, например, цвета.

Прежде всего, стоит рассказать о фреймворках, основанных на уже упомянутой технологии WebGL. В работе мы пользуемся преимущественно двумя из множества – это Three.js и Babylon.js, которые наиболее подходят для наших задач. Three.js – это кроссбраузерная библиотека JavaScript, имеющая интерфейс прикладного программирования. Ее используют для создания и последующего отображения трехмерной графики с анимацией прямо в браузере – то есть, именно того, что хочет клиент. Скрипты Three.js могут применяться с элементами WebGL, а также HTML5 и SVG. Благодаря технологии WebGL фреймворк использует язык JavaScript как часть веб-сайта при создании анимации.

Похож по своей функциональности и Babylon.js. Он также использует API WebGL для того, чтобы отображать двух- и трехмерную графику в браузере, обходясь без использования дополнительных плагинов.

Фреймворк обладает широкими возможностями для создания 3D-графики для конфигураторов:

• физический движок на модуле oimo.js;
• аппаратное масштабирование;
• система частиц;
• автоматическая оптимизация сцены;
• сглаживание;
• пользовательские материалы;

• пошаговая загрузка;
• экспортеры для программ трехмерного моделирования и т.д.

Также при создании 3D конфигураторов мы часто используем фреймфорк blend4web. Он также позволяет создавать и воспроизводить трёхмерную анимацию, используя компоненты, которые ранее применялись в игровых движках. Использование кроссбраузерной WebGL позволяет воспроизводить ее практически в любом браузере.

Вместе с этим фреймворком используется программное обеспечение с открытым кодом для создания трехмерной графики Blender. Он предоставляет средства симуляции, постобработки, рендеринга, моделирования и монтажа видео с добавлением звука. Еще одна программа, широко используемая как при создании трехмерных моделей, так и анимации – 3DSMax.

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

Затем производится ее доводка в программах типа 3DSMax. После этого в виде графических файлов модель выгружается для работы с ней в одном из фреймворков, таких, как описанный выше Babylon.js. Здесь все сцены, которые может вызвать пользователь, программируются вручную. Затем конфигуратор тестируют в различных браузерах и внедряют на сайт.

3D конфигураторы отлично показали себя при создании виртуальных туров для недвижимости. В таком случае моделирование производится при помощи программы 3DSMax, а затем модель можно визуализировать, используя технологию matterport. Это позволяет открывать такой виртуальный тур с помощью обычного веб-браузера.

Также мы предлагаем автоконфигуратор для автосалона или СТО, созданный на основе технологии Blender на фреймфорке Blend4Web. Панорамные видеоролики и сцены создаются на базе платформы Unity. Специалисты компании AVADA MEDIA имеют огромный опыт в работе с трехмерной графикой и программированием 3D конфигураторов и готовы помочь вам в этом.