WebVR

Create Virtual Reality Experiences.

Moon Rider

WebVR has been replaced by the WebXR Device API, that supports both Virtual Reality (VR) and Augmented Reality (AR).

So why write a post about WebVR?

Moon Rider. That's why.

Moon Rider is a free VR rhythm game built on WebVR that runs in a web browser.

Moon Rider is an impressive example of what can be done with WebVR.

https://moonrider.xyz

The Moon Rider code is available for download from GitHub

https://github.com/supermedium/moonrider

Moon Rider in Oculus Quest 2 Browser

A static WebVR scene

WebVR developers use entities to create scenes. Entities are created using assets.

A static scene can be created using a few web page tags.

A scene

   
<body>

    <a-scene>

        <a-assets>
            <a-asset-item id="engine" src="./assets/files/engine.glb">
            </a-asset-item>
        </a-assets>

        <a-entity position="0 0 -3">
            <a-gltf-model src="#engine" rotation="90 0 0" scale="18 18 18"></a-gltf-model>
        </a-entity>

        <a-entity light="type: point; intensity: 60; distance: 50; decay: 2" position="0 0 10"></a-entity>

    </a-scene>

</body>

</html>

A WebVR Scene