3D-конфигуратор авто
Технологии:
- Three.js
- Vue.js
Интерфейс конфигуратора похож на компьютерную игру — у пользователя есть модель автомобиля, которую можно вращать и апгрейдить на свой вкус. В качестве точек персонализации мы выбрали два основных элемента: цвет кузова и стиль дисков. Все изменения вносятся в один клик и мгновенно отображаются на модели.
Чтобы оценить изменения в разных условиях, мы предоставили пользователю возможность открывать и закрывать двери автомобиля, переключать внешнее освещениие с дневного на ночное и включать/выключать фары.
Также конфигуратор позволяет осмотреть салон автомобиля переместившись на водительское сидение — после клика на соответствующий пункт меню, камера плавно перемещается вовнутрь 3D-модели, а пользователю открывается возможность обзора в формате 360°.
Для разработки проекта были задействовали только два инструмента:
#Three.js — JavaScript-библиотеку для работы с 3D-графикой в браузере.
#Vue.js — фреймворк для разработки пользовательских интерфейсов.
- Three.js
- Vue.js
Интерфейс конфигуратора похож на компьютерную игру — у пользователя есть модель автомобиля, которую можно вращать и апгрейдить на свой вкус. В качестве точек персонализации мы выбрали два основных элемента: цвет кузова и стиль дисков. Все изменения вносятся в один клик и мгновенно отображаются на модели.
Чтобы оценить изменения в разных условиях, мы предоставили пользователю возможность открывать и закрывать двери автомобиля, переключать внешнее освещениие с дневного на ночное и включать/выключать фары.
Также конфигуратор позволяет осмотреть салон автомобиля переместившись на водительское сидение — после клика на соответствующий пункт меню, камера плавно перемещается вовнутрь 3D-модели, а пользователю открывается возможность обзора в формате 360°.
Для разработки проекта были задействовали только два инструмента:
#Three.js — JavaScript-библиотеку для работы с 3D-графикой в браузере.
#Vue.js — фреймворк для разработки пользовательских интерфейсов.