<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="" position="0 -5 0" rotation="10 -10 0" scale="1.2 1.2 1.2"></a-gltf-model> <!-- 背景色--> <a-sky color="green"></a-sky> </a-scene> </body> </html>