Newer
Older
location-AR / index.html
<!DOCTYPE html>

<html>
  <head>
    <meta charset='utf-8'>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>                                      
    <script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/three.js/build/ar-threex-location-only.js'></script>
    <script type='text/javascript' src='https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js'></script>

    <!-- https://qiita.com/shima-07/items/262ce43c4b880aec1dba 
         htmlをマテリアルとして貼れる -->
    <script src="https://unpkg.com/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script>
    <script src="js/html2canvas.min.js"></script>

    <!-- aframe-gif-shader ref: https://hatsumeihakken.com/aframegifshader/-->
    <script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>

    <script src='script-of-sampleGod.js'></script>
    <link href='style.css' rel='stylesheet' type='text/css' media='all'>
  </head>

  
  <body style="margin: 0; overflow: hidden;">

    <a-scene vr-mode-ui='enabled: false' embedded arjs='sourceType: webcam; debugUIEnables: false;'>

      <a-camera gps-camera rotation-reader></a-camera>
    </a-scene>
    <div class="UI">
      <button id="sampleGod-show-hide" > hide </button>
      <button id="sampleGod-toggle-animation"> animation toggle</button>
      <button id='set-entity-place' > set current location </button>

    </div>
  </body>
</html>