<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>VirtualSchool</title> <link rel="stylesheet" type="text/css" href="./Panorama.css"> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> <script src="vrtour.js" charset="utf-8"></script> </head> <body id="background"> <a-scene vr-mode-ui="enabled: true"> <a-sky id="sky" rotation="0 0 0"> <!-- idだけ設定した a-sky を置いて、後で動的にsrc属性を代入する --> </a-sky> <a href="vrtour.html?校舎1.jpg">vr</a> <!-- これを足すとクリックイベントが取れる --> <a-entity cursor="rayOrigin: mouse"></a-entity> <a-entity id="basket"> <!-- ここに自動的に球(a-sphere)が入る. A-Frameとして動的に出したいものの親要素は a-entity でなければならない --> </a-entity> <a-entity id="camera"> <a-camera look-controls wasd-controls position="0 0 0"> </a-camera> </a-entity> </a-scene> </body> </html>