Newer
Older
stamp-2022 / koki / test2.html
<!DOCTYPE html>
     <html>
       <head>
        <meta charset="utf-8">
        <title>酒田版geoguessr</title>
        <link rel="stylesheet" type="text/css" href="test2.css">
        <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
        <script type="text/javascript"></script>
        <script src="test2.js"></script>
        <script src="https://www.yatex.org/gitbucket/c1221856/escapegame-2022/pages/A2teamkadai/quiz.html"></script>
       </head>
       
    <body>
      	
     <div class="gazou">
       <a-scene> 
       <a-camera position="0 0 0">
        <a-entity cursor="fuse: true; fuseTimeout: 1000" 
                position="0 0 -1" 
                geometry="primitive: ring" 
                scale="0.03 0.03 0.03" 
                material="color: blue; shader: flat">
          <a-animation begin="cursor-fusing" easing="ease-in" attribute="scale" 
                        fill="none" from="0.03 0.03 0.03" to="0.001 0.001 0.001"></a-animation>
        </a-entity>
       </a-camera>
     
        <a-assets>
         <img id="panorama" src="image/360hiyori1.jpg">
        </a-assets>
        
           <a-sky src="#panorama"></a-sky>
    <a-sphere color="#cc3" radius="0.5" position="0 2 -4" id="quiz" >
          	</a-sphere>       
           
     
     </a-scene>
     
      <script type="text/javascript">  
        var clickElement = document.getElementById("quiz");
        clickElement.addEventListener("click", function() {
          location.href = "https://www.yatex.org/gitbucket/Uki10/stamp-2022/pages/koki/quiz.html";
        },false);
      </script>
     
    </div>   
      </body>
     </html>