Car Showcase in VR – Collada Objects in WebVR

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.

Collada Objects in WebVR – Car Showcase in VR

Demo | Source

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.

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.

Get all updates
We respect your privacy.

Follow me

Rison

Building Viewport to help developers to build VR apps easily.
Follow me

Latest posts by Rison (see all)

Leave a Reply