Створення 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 конфігураторів і готові допомогти вам в цьому.