aboutsummaryrefslogtreecommitdiff
path: root/vr.html
diff options
context:
space:
mode:
authorUnknown <Alee14498@gmail.com>2017-08-20 18:25:25 -0400
committerUnknown <Alee14498@gmail.com>2017-08-20 18:25:25 -0400
commitb1bfad80d2be1da1b071865a999be162f382cfae (patch)
tree502cc22be364a229109e3254e665905b4de8cd87 /vr.html
parent5d7aa8b9cc1cd75232dae643462c9df256df7dc8 (diff)
downloadaleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.tar.gz
aleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.tar.bz2
aleecorp-website-b1bfad80d2be1da1b071865a999be162f382cfae.zip
Testing AR
Diffstat (limited to 'vr.html')
-rw-r--r--vr.html18
1 files changed, 10 insertions, 8 deletions
diff --git a/vr.html b/vr.html
index 5d31dac..d417052 100644
--- a/vr.html
+++ b/vr.html
@@ -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>