<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>aframe</title>
<link rel="stylesheet" type="text/css" href="geo.css">
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<div class="gazou">
<a-scene>
<a-camera position = "0 1.8 4">
<a-entity cursor="fuse: true; fuseTimeout: 1000"
position="0 0 -1"
geometry="primitive: ring"
scale="0.03 0.03 0.03"
material="color: blue; shader: flat">
</a-entity>
</a-camera>
<a-assets>
<img id="panorama" src="image/360hiyori1.jpg">
</a-assets>
<a-sky src="#panorama"></a-sky>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
</a-scene>
</div>
</body>
</html>
