diff options
| -rw-r--r-- | vr.html | 18 |
1 files changed, 10 insertions, 8 deletions
@@ -1,17 +1,19 @@ <html> <head> - <script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script> + <!-- include A-Frame obviously --> + <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script> + <!-- include ar.js for A-Frame --> + <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script> <title>VR Game</title> </head> -<body> - <a-scene> - <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box> - <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere> - <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder> - <a-plane position="0 0 -4" rotation="-90 0 0" width="7" height="11" color="#7BC8A4"></a-plane> - <a-sky sr="#ECECEC"></a-sky> +<body style='margin : 0px; overflow: hidden;'> + <a-scene embedded arjs> + <!-- create your content here. just a box for now --> + <a-box position='0 0.5 0' material='opacity: 0.5;'></a-box> + <!-- define a camera which will move according to the marker position --> + <a-marker-camera preset='hiro'></a-marker-camera> </a-scene> </body> |