Here are the two links to my VR & AR spaces. The first is much more comprehensive, although I wanted much more to work in AR, because I find it more interesting. There have been a ton of glitches, especially with the AR, which seems to half the time include my discoball and half the time not. My GTLF model also likes to appear huge even when I've scaled him down. But, in any case, I've copied and pasted the code to the AR space below!
VR:
AR:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="https://aframe.io/releases/1.0.4/aframe.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/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
<script src="https://raw.githack.com/jeromeetienne/AR.js/master/aframe/build/aframe-ar.min.js"></script>
<script src="https://raw.githack.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.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
embedded
loading-screen="enabled: false;"
arjs="sourceType: webcam; debugUIEnabled: false;"
>
<a-entity gltf-model="Assets/liarbeastfinaldance.gltf"
rotation="0 -90 0"
scale=".2 .2 .2"
gps-entity-place="latitude: 40.0072670; longitude: -105.2698770;" animation-mixer/
</a-entity>
<a-sphere gps-entity-place="latitude: 40.0072640; longitude: -105.2698740;" material="shader:gif;src:url(https://media.giphy.com/media/7rzbxdu0ZEXLy/giphy.gif);" position="0 1 0;" depth=".1" height=".1" width=".1"></a-sphere>
<a-camera gps-camera rotation-reader></a-camera>
</a-scene>
</body>
</html>
コメント