Potential of Virtual Reality and Web

What ?

Enter the VR world using just your mobile browser (Firefox/Chrome) and a Google Cardboard.

How?

  • WebVR  - Spec launched by Mozilla in April 2016.
     
  • A-Frame - An open-source framework for creating WebVR experiences with HTML. Built on top of Three.JS and Web VR Polyfill.

Code

<a-entity id="3d-house">
    <a-entity id="3d-house-back-button"  position="0 0 -1">
        <a-ring color="white" radius-inner="0.001" radius-outer="0.5" rotation="90 0 0" position="0 2 0"></a-ring>
        <a-entity text="text: < Back ;size:0.2;" material="color: #66E1B4" position="-0.35 1.9 0" rotation="90 0 0"                                    scale="0.7 0.7 1"></a-entity>
    </a-entity>
    <a-entity obj-model="obj: #house-obj; mtl: #house-mtl"></a-entity>
    <a-entity geometry="primitive:box;height:100;depth:0.1;width:100" material="color:rgb(116, 99, 96)" position="-2 -3 -1" rotation="90 0 0"></a-entity>
</a-entity>

Demo

 

http://www.atulr.com/VRDemo/

Made with Slides.com