Update index.html

fpezzino · web-flow · commit 3a6964d6aee9 · 2024-05-02T19:01:54.000-04:00
diff --git a/index.html b/index.html
@@ -1,14 +1,16 @@
 <!DOCTYPE html>
 <html>
-    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
-    <!-- we import arjs version without NFT but with marker + location based support -->
-    <script src="https://raw.githack.com/AR-js-org/AR.js/dev/aframe/build/aframe-ar.js"></script>
-    <body style="margin : 0px; overflow: hidden;">
-        <a-scene embedded arjs>
-        <a-nft type='nft'>
-            <a-image src='6628cba43e5e6_1647160462_fq.jpg' width='1' height='1'></a-image>
-        </a-nft>
-        <a-entity camera></a-entity>
-        </a-scene>
-    </body>
+  <!-- include A-Frame obviously -->
+  <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
+  <!-- include ar.js for A-Frame -->
+  <script src="https://raw.githack.com/AR-js-org/AR.js/dev/aframe/build/aframe-ar.js"></script>
+  <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>
+      <a-image src="6628cba43e5e6_1647160462_fq.jpg"></a-image>
+      <!-- define a camera which will move according to the marker position -->
+      <a-marker-camera preset="hiro"></a-marker-camera>
+    </a-scene>
+  </body>
 </html>
