<html> <head> <!-- A-FrameをCDNから読み込む --> <script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script> <!-- aframe-orbit-controlsをCDNから読み込む --> <script src="https://unpkg.com/aframe-orbit-controls@1.2.0/dist/aframe-orbit-controls.min.js"></script> </head> <body> <a-scene> <!-- aframe-orbit-controlsのプロパティを記述 --> <a-entity camera look-controls orbit-controls="target: 0 1.6 -0.5; maxPolarAngle:180; minDistance: 0.5; maxDistance: 200; initialPosition: 0 0 30"></a-entity> <!-- 3Dモデルを読み込んで、位置やスケールなど定義する --> <a-gltf-model id="test" src="torii_big.gltf" position="0 -1 0" rotation="20 124 7" scale="0.1 0.1 0.1"></a-gltf-model> <!-- 背景色--> <a-sky color="green"></a-sky> </a-scene> </body> </html>