<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.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://rawgit.com/rdub80/aframe-gui/master/dist/aframe-gui.min.js"></script> <script src="https://rawgit.com/rdub80/aframe-gui/master/dist/aframe-gui.js"></script> <style> .arjs-loader { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center; } .arjs-loader div { text-align: center; font-size: 1.25em; color: white; } </style> <body style="margin : 0px; overflow: hidden;"> <!-- minimal loader shown until image descriptors are loaded --> <div class="arjs-loader"> <div>Loading, please wait...</div> </div> <a-scene vr-mode-ui="enabled: false;" renderer="logarithmicDepthBuffer: true;" embedded arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;" > <a-assets> <a-asset-item id="char" src="https://www.yatex.org/gitbucket/c1200274/tokko/raw/master/masiro.gltf"></a-asset-item> </a-assets> <!-- we use cors proxy to avoid cross-origin problems --> <a-nft type="nft" url="https://www.yatex.org/gitbucket/c1200274/tokko/raw/master/pos" smooth="true" smoothCount="10" smoothTolerance=".01" smoothThreshold="5" > <!--<a-text--> <!-- value="Click here"--> <!-- scale="500 500 500"--> <!-- position="-100 100 100"--> <!-- rotation="-90 90 -90"--> <!--</a-text>--> <a-entity gltf-model="#char" scale="100 100 100" position="100 0 -100" rotation="-90 90 -100"> </a-entity> </a-nft> <a-camera look-controls wasd-controls position="0 0 0"> <a-gui-cursor fuse="true" fuse-timeout="1000" design="ring"></a-gui-cursor> </a-camera> </a-scene> <script type="text/javascript"> const text = document.querySelector('a-entity'); text.addEventListener('click', function () { window.location.href ='https://skip.koeki-prj.org/'; }) </script> </body>