From f241b5115ce95deea36419075cd1d329c813b79e Mon Sep 17 00:00:00 2001 From: Alfakhori <muhammad.alfakhori@hft-stuttgart.de> Date: Tue, 2 May 2023 11:43:01 +0000 Subject: [PATCH] Update public/page4.html --- public/page4.html | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/public/page4.html b/public/page4.html index 5893131..5763bf2 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> - -- GitLab