Birds in VR tutorial – Custom Geometry in WebVR

This is part of #DaysInVR series. View All VR Projects. Yesterday we learnt how to add lensflare in VR. Today we’ll see how to use custom geometry in webvr to add birds to our scene.

Using Custom Geometry in WebVR to add birds in 360

Demo | Source

In this tutorial, we’ll create a custom birds geometry to create birds in webVR. We’ll add our birds to our 360 photo.

360 photo in VR

We’ll create a SphereGeometry and MeshBasicMaterial to add our 360 photo to our scene.

Custom geometry for birds

We’ll use a custom geometry to define our bird. This geometry is responsible for keeping the shape of the bird.

We have seen how to add shaders in webvr. We’ll be using shaders to create the material for the birds. You can check the source to see how the shaders are created. You can also check the threejs example. What we have created here is the VR version of the example in our 360 environment.

We’ll use the custom geometry and ShaderMaterial to create our birds mesh.

Its your turn

See if you can recreate the birds on a 360 video. You can see our tutorial on how to create 360 videos in VR as a guide. Once you have created it, don’t forget to share a link to it 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