diff options
| author | Unknown <Alee14498@gmail.com> | 2017-08-20 18:25:25 -0400 |
|---|---|---|
| committer | Unknown <Alee14498@gmail.com> | 2017-08-20 18:25:25 -0400 |
| commit | b1bfad80d2be1da1b071865a999be162f382cfae (patch) | |
| tree | 502cc22be364a229109e3254e665905b4de8cd87 | |
| parent | 5d7aa8b9cc1cd75232dae643462c9df256df7dc8 (diff) | |
| download | aleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.tar.gz aleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.tar.bz2 aleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.zip | |
Testing AR
| -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> |