Car Showcase in VR – Collada Objects in WebVR

Collada Objects in WebVR – Car Showcase in VR

In this tutorial, we’ll learn how to add collada objects in WebVR to create a car showcase in VR. We’ll load a collada object of a car and place it on a floor to complete our demo.

This is part of #DaysInVR series. View All VR Projects. Yesterday we learnt how to add use custom geometry to add birds in VR. To we’ll see how to add collada objects in webvr to create a car showroom.

Adding collada object

To add the collada object, we have to use ColladaLoader. We’ll scale the object to the desired size and then position the object infront of the camera.

To rotate the car, we’ll manipulate the position of the object. We’ll add the following code in animate function.

Adding floor using Plane Geometry

We’ll use PlaneGeometry to create a floor for our car. We’ll then apply the hardwood floor texture to create a material using MeshStandardMaterial. 

We have to create our floorMesh and position the floor below the car.

If you need help with setting up VRControls and VREffect, refer to the 360 photos in VR tutorial.

Its your turn

Load your own object to the and showcase it in VR. Once you have created your version, don’t forget to share them in the comments below.