<!DOCTYPE html>
<html>
  <head>
    <title>360ยบ VR - 01 - Sphere</title>
    <script src="https://aframe.io/releases/1.4.1/aframe.min.js"></script>
  </head>

  <!--
https://cdn.glitch.global/80978ab7-9db6-45ae-bc43-4fab16bdbb6e/20240604_123146_284.jpg?v=1717475869297
https://cdn.glitch.com/80978ab7-9db6-45ae-bc43-4fab16bdbb6e%2FR0010059.JPG?1525432731662
-->
  <body>
    <a-scene>
      <a-assets>
        <img
          id="classroom"
          src="https://cdn.glitch.global/80978ab7-9db6-45ae-bc43-4fab16bdbb6e/20240604_123146_284.jpg?v=1717475869297"
        />
      </a-assets>



      <a-entity rotation="0 -90 0">
        <a-box
          scale="90 90 90" rotation="0.25611213442347797 -30.464738924901003 0.4194051060357626"
               position="10.73107 -200.41632 -402.66698"
               color="brown"
        ></a-box>

      </a-entity>

      <a-cylinder position="9.487 -2.215 -6.096" rotation="0 0 4.198" scale="0.678 0.359 0.651" color="red"> </a-cylinder>


      <a-sphere radius="500" side="back" src="#classroom"></a-sphere>

      <a-camera ></a-camera>
    </a-scene>
  </body>
</html>