From zero to hero, creating WebVR experiences with Babylon.js on all platforms

[davrous]

Hi,

I’ve just finished a big tutorial explaining why and how to build a cross-platforms VR experience using WebVR and Babylon.js: https://www.davrous.com/2017/07/07/from-zero-to-hero-creating-webvr-experiences-with-babylon-js-on-all-platforms/

It contains a lot of samples to:

-    Create a scene running on smartphone using the Device Orientation fallback, on Mixed Reality headset in Edge and Oculus Rift / HTC Vive in Firefox / Chromium using WebVR.
-    Show how to teleport either using the gamepad and a gaze approach or using a VR controllers if available (will be our case by the end of the year with RS3)
-    Show how to interact with items using gaze or VR controllers

I’ve been able to demonstrate some of its content to various French meetups and people were amazed by the quality of the rendering and possibilities. We still have some work to do to simplify WebVR usage compared to A-Frame for instance, but it's planned for 3.1 of Babylon.js. 

In the meantime, test our Mansion VR experience: http://playground.babylonjs.com/frame.html#QWIJYE#6 either on your smartphone using Cardboard, in Edge with a MR headset or in your Oculus / Vive in Firefox 55 beta!

Feel free to spread the world also RT my tweet: https://twitter.com/davrous/status/883416521057456129

Thanks,

David
 

[Samuel Girardin]

great article ! Thx David. it's time for a deep dive into babylon vr experiences ! 

[V!nc3r]

Very detailed tutorial, thanks!