<!DOCTYPE html>
<html lang="ja">
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script>
<script src="http://html2canvas.hertzen.com/dist/html2canvas.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">
<div id="target1" class="target">
<img src="arrow.png" alt="A-Frame">
<div class="cf"><h3>A-Frame</h3><p>A-Frameは簡単にWeb VRが実現できるフレームワークです。</p></div>
<p class="detail">1600px × 1000px</p>
</div>
<a-scene>
<a-sky src="R0010032.JPG" rotation="0 45 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-plane position=" 0 -6 0" width="16" height="10" material="shader:html;target: #target1;"></a-plane>
<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>
<!--
<img src="arrow.png" alt="A-Frame">
<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>
</div>
-->
</body>
</html>
