<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>酒田版geoguessr</title>
<link rel="stylesheet" type="text/css" href="">
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script type="text/javascript"></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/360hiyori3.jpg">
</a-assets>
<a-sky src="#panorama"></a-sky>
<a-box position="2 -0.5 3" rotation="0 45 0" color="#4CC3D9" height="0.7" depth="0.7" width="0.7" class="show-obj" id = "show-obj"></a-box>
<a-sphere color="#dc143c" radius="0.45" position="-2 1 -5" id="backstart"></a-sphere>
</a-scene>
<script>
var clickElement = document.getElementById("backstart");
clickElement.addEventListener("click", function() {
location.href = "test2.html";
},false);
</script>
</body>
</html>
