Update public/page4.html

f241b511 · Alfakhori · baa47f42 · f241b511
Commit f241b511 authored May 02, 2023 by Alfakhori
--- a/public/page4.html
+++ b/public/page4.html
+
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>Displaying an Image</title>
-  </head>
-  <body>
-    <h1>My Image</h1>
-    <img src="assets/asset.jpeg" alt="My Image">
-  </body>
-</html>
+<head>
+<title>Dev new location</title>
+<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
+<!-- Assumes AR.js build is in the 'AR.js' directory -->
+<script type='text/javascript' src='build/ar-threex-location-only.js'></script>
+<script type='text/javascript' src='build/aframe-ar.js'></script>
+</head>
+<body>
+<!-- 
+This is using a simulated location. If testing on a mobile device, remove the 
+'simulateLatitude' and 'simulateLongitude' properties from 'gps-new-camera' and
+change the 'latitude' and 'longitude' properties to a location around 0.001 
+degrees from your real location.
+-->
+<a-scene vr-mode-ui='enabled: false' arjs='sourceType: webcam; videoTexture: true; debugUIEnabled: false' renderer='antialias: true; alpha: true'>
+	<a-camera gps-new-camera='gpsMinDistance: 5; simulateLatitude: 51.049; simulateLongitude: -0.723'></a-camera>
+	<a-entity material='color: red' geometry='primitive: box' gps-new-entity-place="latitude: 51.05; longitude: -0.723" scale="10 10 10"></a-entity>
+</a-scene>
 	
+</body>
+</html>