diff --git a/public/page4.html b/public/page4.html index 58931314e069e2b875b9d3015f841c21a4aa3d93..5763bf2027f0e508e4271183bb3d07f52b03f104 100644 --- a/public/page4.html +++ b/public/page4.html @@ -1,12 +1,24 @@ + <!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> +<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> -