Skip to content

Instantly share code, notes, and snippets.

@nicolocarpignoli

nicolocarpignoli/location-based-facing-user.html

Created January 28, 2020 15:49
Show Gist options
  • Save nicolocarpignoli/129ccb0da6f5ba6f029cf50b9d33b690 to your computer and use it in GitHub Desktop.
Save nicolocarpignoli/129ccb0da6f5ba6f029cf50b9d33b690 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
location-based-facing-user.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>GeoAR.js demo</title>
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script>
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src='https://raw.githack.com/jeromeetienne/AR.js/2.1.4/aframe/build/aframe-ar.js'></script>
<script>
THREEx.ArToolkitContext.baseURL = 'https://raw.githack.com/jeromeetienne/ar.js/master/three.js/'
</script>
</head>
<body style='margin: 0; overflow: hidden;'>
<a-scene
vr-mode-ui="enabled: false"
embedded
arjs='sourceType: webcam; sourceWidth:1280; sourceHeight:960; displayWidth: 1280; displayHeight: 960; debugUIEnabled: false;'>
<a-text value="This will always face the user." look-at="[gps-camera]" scale="15 15 15" gps-entity-place="latitude: <your-latitude>; longitude: <your-longitude>;"></a-text>
<a-camera gps-camera rotation-reader>
</a-camera>
</a-scene>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment