xxxxxxxxxx
39
<!-- Source: https://aframe.io/blog/arjs/ by: Jerome Etienne -->
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!-- Include A-Frame -->
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<!-- Include ar.js for A-Frame -->
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
</head>
<body style='margin : 0px; overflow: hidden;'>
<!-- <img src="https://cdn.glitch.com/a5f89f51-1d1e-436c-bf1f-8dfebf579443%2Fmetoobird_BaseColor.png?1544301169094"> -->
<!-- Enable your webcam for ar.js and disable debugging controls -->
<a-scene embedded arjs = 'sourceType: webcam; debugUIEnabled: false;'>
<!-- Here is where you can put content, or what will appear once the marker is recognized -->
<!-- <a-box position='0 0.5 0' material='color: blue;'></a-box> -->
<!-- Credit to Jakob Hippe for the newt 3D model from google poly-->
<a-gltf-model id= "metoobird"
src= "https://cdn.glitch.com/a5f89f51-1d1e-436c-bf1f-8dfebf579443%2Fmetoobird.gltf?1544303112304"
animation-mixer="clip: idle"
rotation="0 0 0"
scale="1 1 1"
position="0 0 0">
</a-gltf-model>
<!-- Add your marker (default hiro or customize your own) -->
<!-- default marker (hiro) -->
<!--<a-marker-camera preset='hiro'></a-marker-camera>-->
<!-- customized marker (camera)-->
<a-marker-camera type='pattern' url='https://cdn.glitch.com/a5f89f51-1d1e-436c-bf1f-8dfebf579443%2Fmetoomarker1.patt?1544304498777'></a-marker-camera>
</a-scene>
</body>
</html>