Browsers become tiny operating systems

A-Frame

Connect library

<script src="https://aframe.io/releases/0.8.0/aframe.min.js">
</script>

Create a scene

<body>
    <a-scene></a-scene>
</body>

Add objects

<a-box color="white" rotation="0 45 0" 
       position="0 0.5 0"></a-box>
<a-cylinder radius="0.2" height="1.5" 
            color="brown" position="0 0.75 0"></a-cylinder>

Animations

<a-torus color="gold" position="0 2.4 0">
  <a-animation attribute="rotation"
               from="0 0 0"
               to="0 360 0"
               dur="5000"
               repeat="indefinite"
               easing="linear">
  </a-animation>
</a-torus>

Import external objects

<a-assets>
    <a-asset-item id="model" src="model.obj">
    </a-asset-item>
    <a-asset-item id="material" src="material.mtl">
    </a-asset-item>
</a-assets>

<a-entity obj-model="obj: #model; mtl: #material"></a-entity>

A-Frame

Create VR experiences in your browser. Easily.

Browsers become tiny operating systems

AR/VR is not an exception

Web VR

Web XR

A-Frame

A-Frame

A-Frame

Relies on experimental technology

Live coding

Connect library

Create a scene

Add objects

Animations

Import external objects

You can even build a game!

Thanks. Questions?