<!DOCTYPE html>
<html lang="ja">
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>脱出ゲーム</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="doa">
<a-scene>
<a-sky src="R0010032.JPG" rotation="0 100 0"></a-sky>
<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.03" material="color: red; shader: flat"></a-entity>
<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-camera>
<a-sphere position="10 -1 7" color="blue" id="WebVR">
</a-sphere>
<a-text value="ここは？"
font="custom-msdf.json"
font-image="custom-msdf.png"
negate="false"
scale="8 8 1"
position="-3 3 -6"
color="green">
</a-text>
<a-image width="3" height="3" position="0 -1 -9" rotation="0 0 0" src="arrow.png" same_window="link: c.html" ></a-image>
<script type="text/javascript">
<!--
var clickElement = document.getElementById('WebVR');
clickElement.addEventListener("click", function() {
location.href = "a2.html";
}, false);
// -->
</script>
</a-scene>
<!--
<h1>ここはどこだろう</h1>
<p>部屋がある入ってみよう</p>
<p><a href="b.html">正面の部屋に入る</a></p>
<p><a href="c.html">右の部屋に入る</a></p>
<p><a href="d.html">左の部屋に入る</a></p>
<p><a href="e.html">後ろの部屋に入る</a></p>
-->
</body>
</html>
