shape.html

<!-- AR.js demo based on the tutorial created at github: https://github.com/jeromeetienne/ar.js -->
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>

<body style='margin : 0px; overflow: hidden;'>
  <a href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1094264/HIRO.jpg">Open "http://bit.ly/2y4BJSu" on your desktop to use as a marker</a>
  <a-scene embedded arjs='sourceType: webcam;'>
      <a-marker preset='hiro'>
<!--    Personalized model     -->
        <a-entity
            scale="1.5, 1.5, 1.5" position="0,0,0" rotation="-90, 0, 0" obj-model="obj: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1094264/mountains.obj);" material="color: #A52A2A">
        </a-entity>
      </a-marker>
  <a-entity camera>
  </a-entity>
  </a-scene>
</body>