<html>
<head>
<title>A-Frame Social VR Demo</title>
<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
<script src="https://rawgit.com/fernandojsg/aframe-teleport-controls/master/dist/aframe-teleport-controls.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.5/socket.io.min.js"></script>
<script src="easyrtc/easyrtc.js"></script>
<script src="./app.bundle.js"></script>
</head>
<body>
<a-scene networked-scene="webrtc: true; webrtcAudio: true;">
<a-assets>
<!-- Templates -->
<script id="player-template" type="text/html">
<a-entity></a-entity>
</script>
<script id="head-template" type="text/html">
<a-sphere color="#EF2D5E" position="0 1 0"></a-sphere>
</script>
<script id="hand-template" type="text/html">
<a-box scale="0.1 0.1 0.1"></a-box>
</script>
<script id="vive-rig" type="text/html">
<a-entity id="player" networked="template:#player-template;showLocalTemplate:false;" wasd-controls>
<a-entity camera="userHeight: 1.6" look-controls networked="template:#head-template;showLocalTemplate:false;"></a-entity>
<a-entity hand-controls="left" teleport-controls="cameraRig: #player" networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
<a-entity hand-controls="right" teleport-controls="cameraRig: #player" networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
</a-entity>
</script>
<script id="oculus-rig" type="text/html">
<a-entity id="player" networked="template:#player-template;showLocalTemplate:false;" wasd-controls>
<a-entity camera="userHeight: 1.6" look-controls networked="template:#head-template;showLocalTemplate:false;"></a-entity>
<a-entity oculus-touch-controls="left" teleport-controls="cameraRig:#player;button:trigger;" networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
<a-entity oculus-touch-controls="right" teleport-controls="cameraRig:#player;button:trigger;" networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
</a-entity>
</script>
<script id="daydream-rig" type="text/html">
<a-entity id="player" networked="template:#player-template;showLocalTemplate:false;" wasd-controls>
<a-entity camera="userHeight: 1.6" look-controls networked="template:#head-template;showLocalTemplate:false;"></a-entity>
<a-entity daydream-controls networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
</a-entity>
</script>
<script id="gearvr-rig" type="text/html">
<a-entity id="player" networked="template:#player-template;showLocalTemplate:false;" wasd-controls>
<a-entity camera="userHeight: 1.6" look-controls networked="template:#head-template;showLocalTemplate:false;"></a-entity>
<a-entity gearvr-controls networked="template:#hand-template;showLocalTemplate:true;"></a-entity>
</a-entity>
</script>
<script id="dolly-rig" type="text/html">
<a-entity id="player" networked="template:#player-template;showLocalTemplate:false;" wasd-controls>
<a-entity camera="userHeight: 1.6" look-controls networked="template:#head-template;showLocalTemplate:false;"></a-entity>
</a-entity>
</script>
</a-assets>
<a-entity rig-selector="vive:#vive-rig;oculus:oculus-rig;daydream:#daydream-rig;desktop:#dolly-rig;mobile:dolly-rig;"></a-entity>
<a-plane src="#ground" color="#7BC8A4" height="100" width="100" rotation="-90 0 0"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>