<!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>