<!DOCTYPE html> <html lang="ja"> <head> <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> <a-scene id="vr" embedded> <a-assets> <img id="360" src="360picture/R0010010.JPG"> </a-assets> <a-sky src="360picture/R0010010.JPG" rotation="0 -130 0"></a-sky> <a-camera position="0 0 0"> <a-entity id="myCursor" 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-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-entity> </a-camera> <a-sphere position="0 6 -7" color="skyblue" id="sample-obj"></a-sphere> <a-sphere position="5 6 -7" color="skyblue" id="sample-obj2"></a-sphere> </a-scene> <script src="Panorama.js"></script> </body> </html>