11Окт

3D конфигуратор автомобиля: 3D Конфигуратор

Содержание

Автомобильный 3D-конфигуратор Chevrolet | Blend4Web

2017-06-19

Официальный дилер General Motors в Объединённых Арабских Эмиратах разместил на сайте функциональный 3D конфигуратор Chevrolet Camaro. Приложение органично вписалось в общий контент страницы, значительно улучшив информативность и зрелищность демонстрации авто.

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

Визуально презентация выполнена на самом высоком уровне с применением библиотеки материалов Blend4Web. Стекло, металл и пластик кузова, резина шин, а также качественная настройка отражений позволило наиболее точно воспроизвести в 3D оригинальный автомобиль.

Цвет кузова, по желанию, можно изменить, выбрав подходящий из восьми вариантов.

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

Разработчики добавили следующие возможности: можно сменить диски колес, оценить работу осветительных приборов, а также заглянуть внутрь салона. Панорама в 360 градусов позволяет полностью осмотреть интерьер автомобиля в различных цветовых решениях.

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

Это не единственный 3D конфигуратор автомобиля от дилера Chevrolet в ОАЭ. Вы можете ознакомится с еще одной трехмерной презентацией здесь.

Это приложение создано нашими партнёрами, студией VisCircle GmbH, известной своими высококачественными 3D-конфигураторами. Талантливые профессоналы сумели представить посетителям сайта и потенциальным клиентам модели топовых автомобилей в самом выгодном свете. Это стало возможным благодаря использованию современной технологии WebGL, которая приходит на смену устаревшего Flash и ограниченным визуальным возможностям простых 2D-решений.

Реалистичность, широкие возможности создания интерактивности, платформенная независимость — это все грани технологии будущего, ярким представителем которой является фреймворк Blend4Web.

Ключевые слова: Blend4Web WebGL конфигуратор проекты клиентов

Автор: Андрей Прахов

Категория: Пресс-релизы

19 июн. 2017 20:41

отлично получилось, а кто делал?

20 июн. 2017 09:51

Юрий Ковеленов

отлично получилось, а кто делал?
Авторы пожелали остаться неизвестными.

20 июн. 2017 13:09

Engine9

Здорово, кто-нибудь делал подобный материал с блёстками?

20 июн. 2017 15:34

Ответ на сообщение пользователя Юрий Ковеленов
Авторы пожелали остаться неизвестными.
спасибо авторам. .)) , стоит может и урок на основе такого удачного результата сделать ?
в разрезе интеграции библиотеки материалов итд?

краска круто получилась,, очень реалистично
( такой тип краски называется «КСЕРАЛИК» вроде или металик с крошкой итд )

20 июн. 2017 19:17

Йеджи Заборовски

Ответ на сообщение пользователя Engine9
Здорово, кто-нибудь делал подобный материал с блёстками?
Я делал нечто подобное. Фактор смешивания- спекуляр или белый цвет фейкового отражения

22 июн. 2017 13:42

Engine9

А как сделать чтобы блёстки переливались? Нормалька с шумом?

UPD: https://www.youtube.com/watch?v=2f-j9XnzPqY

22 июн. 2017 14:46

Михаил Лузянин

А как сделать чтобы блёстки переливались? Нормалька с шумом?
Просто цветная пятнистая карта подмешанная в спекуляр. Готовое решение имеется в расширенной версии библиотеки материалов в Pro SDK.

07 май. 2019 10:59

Medina Diass

Привет ребята! Я учусь на дизайнера в Москве, можете ли вы выслать мне проект «Конфигуратор работы» для изучения, пожалуйста, :). Я хочу учиться и работать в этом направлении. Спасибо за понимание с наилучшими пожеланиями. Медина 🙂
Почта: [email protected]

17 май. 2019 13:17

Медина, а Вы дизайнер в каком направлении?

Пожалуйста, зарегистрируйтесь или войдите под своей учетной записью , чтобы оставлять сообщения.

WebGL рулит! Автопром в 3D / Хабр

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

В этот раз разговор пойдет о 3D конфигураторах. Причем самой консервативной и массивной части индустрии — автопрома.



Предисловие

«WebGL рулит!» — это цикл статей, в которых рассказывается об интересных, актуальных и любопытных веб-ресурсах, так или иначе связанных с одноименной технологией. С первым материалом вы можете ознакомиться здесь.

Автомобильных марок много. Очень много… Товар не первой необходимости и явно приобретается на длительный период использования. Казалось бы, автомобильные сайты должны быть не просто интересными, а на пике тех возможностей, что предлагает современный Интернет. Зрелищность — это всё. Никакие тексты, таблицы, изображения не могут конкурировать с «живой» картинкой. Покупателю всегда хочется «поиграть» с будущей покупкой: оценить цвет, подобрать стиль салона, изменить комплектацию. И лишь потом, потенциальный клиент может приехать в автосалон и выбрать автомобиль.

Практически же оказалось, что многие ресурсы автомобильной тематики отстают от времени. Иногда попадались сайты, которые требовали установить Flash Player для просмотра презентации, что малость неактуально на сегодняшний день. Любопытно, что в списке таких ресурсов, были сайты некоторых известных брендов. Также очень часто используются технологии «псевдо 3D», где посетителю предлагают поскучать длительное время, пока загружаются весьма массивные панорамные фотографии.

Конечно, ни о какой зрелищности, а тем более интерактивности, здесь и речи нет.

Тем не менее, мне удалось найти несколько интересных веб-ресурсов, предлагающих визуально качественные презентации или функциональные конфигураторы, сделанные с помощью современной технологии WebGL. Понятно, что такие ресурсы выгодно отличаются от своих замшелых собратьев…

Carvisualizer.plus360degrees


Это не сайт конкретного производителя и нет никакой связи с автомобильной индустрией. Это одно из самых ранних приложений WebGL, предлагающее простые функции конфигурирования. Здесь можно поменять цвет авто или колес, рассмотреть машину со всех сторон, попутно слушая музыку. И все…

Приложение, созданное на Three.js в далеком 2012 году, тем не менее, привлекает внимание. В первую очередь, визуальной стороной. Сочные материалы, отражение окружающего мира на поверхности авто, качественно сделанные модели. Конечно, ни о какой фотореалистичности здесь нет и речи. Просто хорошая работа для тех времен. Однако уже в этой сцене есть зачатки интерактивности, что гораздо выгоднее смотрится на фоне обычного 2D.

pickup-center.fr


Уже практический пример, когда бизнес использует возможности 3D для наглядного показа покупателю «товара лицом». Это веб-ресурс французской компании, которая торгует различными пикапами.

Хозяева сайта подошли к решению задачи очень ответственно и творчески. Практически все представленные машины имеют свои конфигураторы. Причем максимально используется связь WebGL-приложения с остальной частью сайта. Например, если установить защиту для двигателя в конфигураторе, то рядом показывается фотография детали, стоимость модернизации и описание. Таким образом, покупатель может полностью собрать пикап под свои нужды в веб-приложении, оценить внешний вид авто и рассчитать стоимость покупки.

3D-конфигуратор не выглядит чужеродным объектом в этом интернет-магазине, а органично вписывается в экосистему. Хотя имеются некоторые недоработки в визуальном ряде. Здесь нет какой-либо помпезной фотореалистичности, да и навигация в приложении подкачала. Зато, опять-таки повторюсь, конфигуратор великолепно справляется со своей главной задачей — предоставить возможность клиенту визуально собрать авто нужной модификации и оценить затраты.

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

Nissan.co.uk


Оригинальная промо-презентация автомобиля Nissan, опубликованная на официальном сайте производителя. Это не конфигуратор в буквальном смысле слова, хотя и интерактивное приложение. Разработчик постарался добиться «вау» эффекта, а не предоставить возможность чего-либо изменять. Помимо качественно сделанной модели, здесь присутствует и творческая составляющая.

Всё начинается с необычной загрузки, когда машина собирается буквально как пазл. Затем предлагается фантасмагория с цветами, смысл которой в том, что раскраска авто меняется движением мыши. Очень быстро, очень ярко. Можно также открыть дверцу и заглянуть в салон. Но это, как побочная опция. Презентация выглядит, как игрушка: забавная и радужная. Не зря её девизом служит слоган «Play it your way».

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

Automotive.products.constellium.com


Constellium — мировой производитель алюминиевых полуфабрикатов со штаб-квартирой в Нидерландах. Так, по крайне мере, гласит сайт Википедии. На его официальном веб-ресурсе есть замечательная презентация.

Не секрет, что в авто используется большое количество алюминия. Причем не только в радиаторе, как может показаться несведущим. Производители от Constellium решили визуально продемонстрировать наличие алюминия в машине, путем ее разбора.

Да, да. Презентация позволяет разобрать автомобиль по винтикам, показать все алюминиевые детали и почитать контекстную справку по ним. В принципе, это всё на что способна программа. Зато выглядит наглядно, поучительно и информативно.

К сожалению, приложение не лишено проблем. Странно настроено вращение камеры. Например, мне случайно удалось перевернуть автомобиль верх дном, хотя он стоит на поверхности. Но самое забавное получится, если вызвать консоль браузера (клавиша F12). В этом случае, модель сплющит.

Технически презентация создана с помощью Unity.

Chevrolet.alghandi.com


Арабские Эмираты, горячее солнце и богатые, очень богатые шейхи. Таким подавай роскошные, дорогие авто и в максимальной комплектации. Собственно, следующая презентация именно на это и рассчитана. Автодилер General Motors в ОАЭ любит своих богатых клиентов и периодически балует их интересными 3D-презентациями.

Эта презентация на самом деле классический 3D-конфигуратор с возможностью выбора цвета машины, смены дисков колес, изучением интерьера салона и прочего. Однако здесь разработчики приложения сконцентрировались именно на визуальной составляющей.
Всё в модели машины выверено до мелочей. Очень качественные материалы позволяют передать тонкости полировки авто. Например, «мозаичный черный» буквально переливается на свету. Интересно, как такого эффекта добились разработчики?

Движения камер отработаны на все сто. Плавная анимация, заготовки ракурсов — всё это подчеркивает автомобиль с лучших сторон. Кстати, это единственная найденная презентация, где используются постэффекты. Так для камер, в определенные моменты включается DOF (глубина резкости).

Этот 3D-конфигуратор был сделан с помощью Blend4Web.

Послесловие

WebGL позволяет создавать по-настоящему интересные, красочные и реалистичные презентации. Показанная пятерка работ, конечно же, не единственные представители славного племени 3D конфигураторов. К сожалению, их мало, несмотря на те перспективы, которые открываются с их применением. Но я верю, что всё еще впереди…

P.S. Названия подзаголовков кликабельные и ведут на страницы с приложениями.

3D-чейнджер | 3D-конфигуратор оклейки автомобиля

Испытайте возможности настройки с помощью 3D Changer: универсального конфигуратора оклейки автомобилей для мастерских и дизайнеров.

Попробуйте бесплатно

300+ автомобилей

С более чем 300 автомобилями на выбор, включая самые популярные автомобили и коммерческие автомобили, 3D Changer предлагает детализированные модели, которые позволяют вам настраивать 40 различных частей автомобиля.

Показать все автомобили

Импортный дизайн

Поднимите свои дизайны ливрей на новый уровень. Предварительно просмотрите их на 3D-моделях автомобилей и посмотрите, как различные варианты отделки и цвета меняют внешний вид. Создайте свою библиотеку дизайнов полной или частичной обертки, наклеек или оконных баннеров.

Посмотри, как это работает

3 000+ ПЛЕНКИ ДЛЯ ОБЕРТЫВАНИЯ

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

Показать все бренды

ИМПОРТ 3D-МОДЕЛЕЙ

С легкостью импортируйте свои 3D-модели и визуализируйте на них пленки и рисунки! Импортируйте свои модели в формате FBX, OBJ или STL. Если вы хотите, чтобы на ваших моделях отображались обертывания, они должны иметь UV-карту.

Проиграть видео

БИБЛИОТЕКА ПРОЕКТОВ

Ознакомьтесь с библиотекой дизайнов, содержащей более 350 дизайнов Wrapstock, которые вы можете просмотреть на 3D-моделях автомобилей. Если вы найдете дизайн, который вам нравится, данные для печати можно приобрести на сайте www.wrapstock.com.

Проиграть видео

60+ дизайнов свободного кроя

Получите доступ к более чем 60 бесплатным проектам для резки, все с готовыми к загрузке данными для резки. Наши конструкции просты и удобны в использовании, что облегчает вам начало упаковочного бизнеса.

26 фонов

Выбирайте из 14 сцен и 12 HDRI-фонов, представляющих различные среды. Эти сцены включают реальное дневное и ночное освещение, погоду и детализированные реквизиты для дополнительного реализма.

Проиграть видео

КОЛЕСА 70+

Настройте колеса автомобиля, выбрав более 70 вариантов, включая колеса Vicrez. Вы можете легко менять диски и шины и выбирать цвета по своему вкусу.

РАСШИРЕННЫЙ РЕЖИМ КАМЕРЫ

Улучшите свои фотографии и видео с нашим расширенным режимом камеры. Испытайте больший контроль, регулируя глубину резкости, масштабирование и фокусировку. Примените предустановки или сохраните пользовательские настройки.

Проиграть видео

ФОТОГРАФИЯ

Наслаждайтесь неограниченными возможностями рендеринга, позволяя вам создавать столько изображений с высоким разрешением, сколько вы хотите, всего за несколько простых кликов. Создавайте потрясающие фотографии, которые действительно отражают ваше видение.

Проиграть видео

ЭКСПОРТ ВИДЕО

Настройте видеоряды до совершенства, настроив их в соответствии с вашими требованиями. Непосредственно экспортируйте видео с настроенным автомобилем, предыдущие навыки работы с 3D-графикой не требуются.

Проиграть видео

ПРЕДПРОСМОТР 2D

Выберите один из нескольких шаблонов и визуализируйте сохраненные положения камеры одним щелчком мыши. Сохраняйте превью и делитесь своей работой с клиентами.

Проиграть видео

БЕЛАЯ МАРКИРОВКА

Разместите логотип вашей компании на номерных знаках или сделайте его постоянно видимым во время игры в 3D Changer. Сделайте свой бренд заметным.

Сенсорный экран готов

Вы также можете использовать сенсорный экран для работы с программой 3D Changer.

3D-конфигураторы продуктов | Unity

Unity объясняет

Улучшите взаимодействие с клиентами и конверсию с помощью решений Unity для 3D-маркетинга в режиме реального времени с минимальным кодом.

Запросить бесплатную пробную версию

Ознакомьтесь с решением Unity для конфигурирования 3D-продуктов в режиме реального времени, Unity Forma

Зачем использовать 3D-конфигуратор изделий

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

Клиенты, изучающие полностью интерактивный продукт, как правило: 

  • Принимают решение о покупке быстрее
  • Выберите варианты с более высоким значением
  • Лучше понять, что они покупают
  • Уделяйте больше времени общению с брендом

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

Сделано с Unity: 3D-конфигуратор

Вот развертывание WebGL 3D-конфигуратора автомобилей в реальном времени, созданное с помощью Unity Forma.

Для создания этого конфигуратора автомобилей файл системы автоматизированного проектирования (САПР) был оптимизирован с помощью Pixyz Studio. Это уменьшает вес 3D-файлов, чтобы их можно было использовать на разных платформах. Чем лучше оптимизирован файл, тем быстрее он будет загружаться на платформе.

Создан в сотрудничестве с Light & Shadows. Показанная модель автомобиля Aviera любезно предоставлена ​​Genesis Design GmbH.

Варианты простого 3D-рендеринга для каждой платформы
 

С помощью 3D-конфигуратора продуктов Unity вы можете централизованно управлять несколькими конфигураторами продуктов и оптимизировать их.

Один из встроенных в Unity конвейеров рендеринга с поддержкой сценариев, HDRP обеспечивает высококачественную графику на высокопроизводительном оборудовании, включая веб-браузеры, через облачную службу потоковой передачи Unity Furioos. HDRP предлагает высочайшее качество рендеринга и включает в себя такие функции, как трассировка лучей в реальном времени.

HDRP предоставляет передовые технологии 3D-рендеринга в реальном времени, оптимизированные для ПК (Windows/Mac/Linux/VR).

Еще один готовый конвейер рендеринга Unity с поддержкой сценариев, URP предлагает полный охват платформы на всех устройствах, поддерживаемых Unity, таких как мобильные устройства (Android и iOS) и ПК. Благодаря компромиссам в отношении освещения и затенения (то есть его нельзя использовать в сочетании с HDRP), URP обеспечивает мощную графику и производительность в реальном времени на платформах с ограниченной производительностью.

Содержимое Universal Render Pipeline можно развернуть на платформе WebGL для запуска интерактивных функций из Unity в веб-браузере, как показано в конфигураторе продукта выше. WebGL особенно эффективен на мобильных устройствах.

На изображении выше показана одна и та же модель в трех вариантах: HDRP, URP, WebGL.

С помощью функции профиля качества Unity Forma вы можете централизованно управлять несколькими конфигураторами и оптимизировать работу с разрешениями для конкретных платформ, представлениями материалов и настройками графики.

Отзывы клиентов

«Volkswagen постоянно ищет новые пути, чтобы радовать пользователей нашими автомобилями. В Unity Forma есть функции, которые помогут нам предоставлять более быстрый и качественный контент в режиме реального времени, например настраиваемую визуализацию продукта».

Кандидо Петерлини, руководитель отдела глобального цифрового маркетинга

 

«Наши клиенты понимают важность интеграции инструментов рендеринга в реальном времени в их конвейер компьютерной графики, и Unity Forma помогает нам добиться этого быстрее, чем любой другой инструмент на рынке».

Тим Хенагер, директор по технологиям

 

«Даже до пандемии COVID-19 мы всегда следили за цифровой и экономической устойчивостью наших выставок. Благодаря возможностям iVP и Unity Forma мы смогли создать цифровую платформу за долю времени, которое нам понадобилось бы без них, для адаптации. Благодаря этому мы смогли быть ближе к клиенту, несмотря на ограничения контактов и поездок».

Томас Шторц, менеджер по выставкам и мероприятиям HOMAG Group AG

 

«Unity Forma дает нам возможности большой компании с гибкостью маленькой».

Петур Ханнес Олафссон, генеральный директор, Onanoff

 

Маркетинг с 3D-конфигураторами в реальном времени

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

Преимущества 3D-конфигураторов в режиме реального времени

Увеличьте продажи

Ускорьте цикл продаж с помощью интерактивных конфигураторов продуктов, которые лучше привлекают клиентов и повышают конверсию продаж.

Значительная экономия средств

Сокращение расходов за счет исключения дублирования работы. 3D-модель конфигуратора продукта с централизованным управлением позволяет легко обмениваться обновлениями с глобальными командами, агентствами и другими партнерами.

Охватите свою аудиторию где угодно

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

Увлекательное взаимодействие с клиентами

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

Конфигурации без ограничений

Конфигураторы продуктов, созданные на основе проектных данных, например, созданные с помощью Unity Forma, изначально включают все варианты продукта. Предоставление покупателю возможности просмотреть все возможные варианты увеличивает вероятность дополнительных продаж и ускоряет его путь к покупке.

Преобразование физических активов в цифровые 3D-модели

Решения для сканирования материалов на основе ИИ, такие как RestAR от Unity, позволяют легко переводить реальные материалы в готовые к 3D форматы. Предоставление конфигуратору вашего продукта точных вариантов материалов повышает доверие к бренду и углубляет взаимодействие с клиентами.

Глубокое погружение: пример Arksen x canVERSE

Инновации, технологии и приключения лежат в основе компании Arksen, и ей нужен был новый способ продемонстрировать свое новейшее морское исследовательское судно еще до того, как оно будет построено.

Прочитайте полную историю о том, как их агентство-партнер canVERSE создало оптимизированный рабочий процесс производства контента с помощью Unity Forma, начиная с данных САПР Arksen и заканчивая полностью интерактивным 3D-конфигуратором своего последнего судна в реальном времени.

 

3D-конфигураторы в реальном времени в действии

Откройте для себя ряд интерактивных конфигураторов продуктов, созданных клиентами Unity в различных отраслях.

6 обязательных к просмотру конфигураторов

Интерактивный шоппинг

Бренды из разных отраслей пожинают плоды увеличения вовлеченности, конверсии и изменения способов совершения покупок потребителями.

Изображение предоставлено SmartPixels

Взгляни

Открытие 3D-маркетинга для всех

Продажи B2B

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

Прочитать их историю

Привлечение клиентов с помощью персонализации

Розничная торговля роскошными брендами

Производитель роскошных чемоданов Globe-Trotter представил опыт цифрового маркетинга, чтобы помочь клиентам создать единственные в своем роде воспоминания.