3D Configurator of the Car
The technology:
by Three.js
by Vue.js
The configurator interface is similar to a computer game - the user has a model of the car, which can be turned and updated to his taste. As a point of personalization, we have chosen two main elements: the color of the curve and the style of the disks. All changes are entered in one click and instantly displayed on the model.
To evaluate the changes in different conditions, we have provided the user with the opportunity to open and close the door of the car, to switch the outer light from day to night, and to light/lock the lamps.
Also, the configurator allows you to view the car's salon moving to the driver's seat - after clicking on the corresponding menu point, the camera is smoothly moving inside the 3D model, and the user is opened the possibility of viewing in 360 ° format.
For the development of the project, only two tools were used:
#Three.js is a JavaScript library for working with 3D graphics in your browser.
#Vue.js is a framework for developing user interfaces.
by Three.js
by Vue.js
The configurator interface is similar to a computer game - the user has a model of the car, which can be turned and updated to his taste. As a point of personalization, we have chosen two main elements: the color of the curve and the style of the disks. All changes are entered in one click and instantly displayed on the model.
To evaluate the changes in different conditions, we have provided the user with the opportunity to open and close the door of the car, to switch the outer light from day to night, and to light/lock the lamps.
Also, the configurator allows you to view the car's salon moving to the driver's seat - after clicking on the corresponding menu point, the camera is smoothly moving inside the 3D model, and the user is opened the possibility of viewing in 360 ° format.
For the development of the project, only two tools were used:
#Three.js is a JavaScript library for working with 3D graphics in your browser.
#Vue.js is a framework for developing user interfaces.