This demo aims to show how you can present a product using a configurable 3D model. For this, we took a classic car and added various customization options.
To see how exactly we have created this demo, watch our Video Tutorial.
The main element, the base of this tour is a 3d model of a classic car, the 1968 MG Roadster, purchased from Sketchfab. We imported the model into the free 3d software Blender, where we created several color variants of the bodyworks and the upholstery, as well as a second set of wheels and the switched-off versions of the headlights. The simple animations of the doors and window panes opening and closing were also generated. Subsequently, we exported the model as .glb format so that we could then import it into VTPro and configure it and create actions that allow visitors of the virtual tour to engage and play with the car.
The result is a demo in which the user can freely interact with the model, specifically with the following options:
- Visualize the 3d Model in the most realistic way. Rotate and move the car to see it from all perspectives and zoom in on details.
- Change of lights (day and night). Through a button in the skin, we can "turn off" the lights and see the car in a different environment, highlighting its contours. This is achieved by changing the intensity parameters of the lights created in VTPro, which give us very detailed control of their color options, intensity, shadows, etc…
- Animations (windows and doors). The model contains hotspots that are integrated and attached to the geometry of the model, with which you can control certain animations such as opening and closing doors, as well as raising and lowering the window panes.
- Change of textures. Through a simple menu created in the skin, you can switch between the different colors or textures of the car. A great configurator. Change and mix the colors of the body and the upholstery. This is especially useful for products with personalization options, in which the user can create their own custom product. You could even share the tour url to your personal configuration.
- Dynamic backgrounds. The demo starts with an almost black background, which changes to a lighter one through a transition sequence. It also contains a button panel on one side for quick access to the most outstanding views of the car. Each one of them also changes the background, presenting the title of the view or area in which we're in.
- Reflection maps. The tour contains an image that acts as a reflection map. This gives us a metallic and more polished impression of some of the parts of the model, as it reflects parts of that image, giving the scene a more life-like touch. A great way to impress users with especially realistic and eye-catching models.
- Show/hide parts and elements of the model. Option to visualize or hide parts of the geometry of the model. Through a button or hotspot, we give the impression that we "turn on" and "off" the lights of the headlights, pilot lights and other lighting elements.
- Audio in 3D elements. Any interaction with the model is associated with a specific sound that is played, providing a greater degree of realism and making the interactive experience richer and more immersive. For instance, when opening the doors we do really hear that door, thus supporting the visual effect of the animation.
- Control of actions on the model from skin elements. In addition to directly interacting with the model through hotspots, the different skin buttons also allow you to control the various actions on the model such as opening and closing doors and windows, turning lights on/off, selecting colors, changing views, etc.
- Film sequences. The start of the demo is an "intro" clip consisting of a series of animated sequences in which the camera travels around the object from different angles, while at the same time the scene's lights highlight different parts. The fade effects combined with subtle titles and sound effects complement the cinematographic experience. This provides us with a much more exciting and persuasive entry into the tour, almost as if it was a advertisement. Thanks to VTPro's "sequences", we can create and combine all these types of narrative resources.
So this is a demo that helps us begin to imagine the wide range of possibilities we have when it comes to presenting our products in sales, marketing, PR, rental, etc. Far beyond what is "just" a 3d model, 3DVista gives you all the power and control over how to let your audience view and experience the product, interact with it, customize and configure it. Every day it gets easier to access 3D models, whether paid, free, or generated by yourself almost automatically with mobile apps. Set yourself apart, take them one step further and use them to evoke emotions.
Learn how to do it:
- 3D Model (Orbital)
- 3D Lights
- 3D Animations
- 3D Object visibility
- 3D Dynamic Backgrounds
- 3D Reflections Map
- 3D Sequences
- Dual Skins
Tutorial: 3D Models – Fly-Over Mode
Virtual Staging & Design Options for Virtual Tours