Newer
Older
escapegame-2022 / A2teamkadai / test2.html
<!DOCTYPE html>
 <html>
   <head>
    <meta charset="utf-8">
    <title>酒田版geoguessr</title>
    <link rel="stylesheet" type="text/css" href="geo.css">
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
    <script type="text/javascript"></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.01 0.01 0.01" 
            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.25" position="0 2 -4" id="quiz" ></a-sphere>     
<a-sphere color="#0000ff" radius="0.15" position="2 0 -2" id="hiyori3"></a-sphere>
 </a-scene>

  <script>    
  var clickElement = document.getElementById("quiz");
      clickElement.addEventListener("click", function() {
      location.href = "https://www.yatex.org/gitbucket/C1222258/stamp-2022/pages/koki/quizsub.html";
      },false);
      </script>
      
  <script>
  var clickElement = document.getElementById("hiyori3");
      clickElement.addEventListener("click", function() {
      location.href = "hiyori.html";
      },false);
  </script>   
  

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