Newer
Older
AegisforEcosystem / next / AR.js-3.4.0 / aframe / examples / new-location-based / index.html
@KAOKA Daisuke KAOKA Daisuke on 31 May 2022 1 KB into AR.js
<!DOCTYPE html>
<html>
<head>
<title>AR.js A-Frame</title>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<!-- Assumes AR.js build is in the 'AR.js' directory -->
<script type='text/javascript' src='../../../three.js/build/ar-threex-location-only.js'></script>
<script type='text/javascript' src='../../build/aframe-ar.js'></script>
<script src='index.js'></script>
</head>
<body>
<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' look-controls-enabled='false' arjs-device-orientation-controls></a-camera>
-->
	<a-camera gps-new-camera='gpsMinDistance: 5'></a-camera>
</a-scene>
<div id='setloc' style='position:absolute; left: 10px; bottom: 2%; z-index:999; background-color: blue; color: white; padding: 10px'>
Lat:<input id="lat" value="51.049" /> 
Lon: <input id="lon" value="-0.723"/> 
Min Acc: <input id='minacc' value='1000' /> <input type='button' id='go' value='go' />
</div>
</body>
</html>