<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>A-Frame</title>
<link rel="stylesheet" type="text/css" href="./Panorama.css">
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body id="background">
<a-scene id="vr" embedded>
<a-entity
scale="1 1 1"
position="1 0 -5"
animation="property:rotation; dur:10000; from : 0 0 0; to : 0 360 0;loop : -1 ; easing:linear;"
gltf-model="#char">
</a-entity>
<a-assets>
<img id="360" src="360picture/school-gaikan.png">
</a-assets>
<a-sky src="360picture/school-gaika.ong" rotation="0 -130 0"></a-sky>
<a-camera look-controls wasd-controls position="0 0 0">
</a-camera>
</a-scene>
<script type="text/javascript" src="Panorama.js"></script>
</body>
</html>
