<!DOCTYPE html> <html lang="ja"> <head> <title>パノラマのページ</title> <link rel="stylesheet" type="text/css" href="./Panorama.css"> <script src="aframe-master/dist/aframe-v1.0.4.min.js"></script> </head> <body> <a-scene id="vr" embedded> <a-assets> <img id="360" src="360picture/R0010010.JPG" alt="松ヶ岡"> </a-assets> <a-sky src="#360" rotation="0 -130 0"></a-sky> <a-camera position="0 0 0"> <a-entity id="myCursor" cursor="fuse:true; maxDistance:30; timeout:500;" scale="0.1 0.1 0.1" position="0 0 -5" geometry="primitive: ring" material="color: red; shader: flat; opacity:0.5"> </a-entity> </a-camera> <a-image src="360picture/R0010010.JPG" rotation="0 0 0" scale="100 100 100" position="0 0 0"></a-image> </a-scene> </body> </html>