<!DOCTYPE html>
<html lang="ja">
<head>
<title>VR｜庄内XR謎解きゲーム</title>
<link rel="stylesheet" type="text/css" href="nazotoki.css">
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<h1>庄内XR謎解きゲーム</h1>
<p>扉に視点を合わせよ</p>
<a-scene id="vr" embedded>
<a-assets>
<img id="360" src="../360picture/R0010038.JPG">
</a-assets>
<a-sky src="../360picture/R0010038.JPG" rotation="0 -130 0"></a-sky>
<a-camera look-controls wasd-controls position="0 0 0">
<a-entity
cursor="fuse: true; timeout:500;"
scale="0.2 0.2 0.2"
position="0 0 -3"
geometry="primitive: ring"
material="color: red;">
</a-entity>
</a-camera>
<a-box id="sample-obj1" position="-8 0 0" color="#8b4513" depth="5px" height="10px" width="2px"></a-box>
</a-scene>
<script src="VR.js"></script>
</body>
</html>
Yuto Togashi