Skip to content

Instantly share code, notes, and snippets.

@tomtomtong

tomtomtong/webar.html

Created April 12, 2018 05:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomtomtong/7d1186955779e478488f81d4f9d79f5c to your computer and use it in GitHub Desktop.
Save tomtomtong/7d1186955779e478488f81d4f9d79f5c to your computer and use it in GitHub Desktop.
Download ZIP
webar custom marker template
Raw
webar.html
<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.5/aframe/build/aframe-ar.js"> </script>
<body style='margin : 0px; overflow: hidden;'>
<a-scene embedded arjs="trackingMethod: best; debugUIEnabled: false;" vr-mode-ui="enabled: false" >
<a-assets>
<a-asset-item id="mymodel" src="pieChart.gltf"></a-asset-item>
</a-assets>
<a-marker type='pattern' url='pieChart.patt'>
<a-entity position='0 0.4 0' scale='0.1 0.1 0.1' gltf-model="#mymodel"></a-entity>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment