figures-04/figures.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
<!--    <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script> -->
    <script src="../assets/js/aframe.min.js"></script>
    <script src="figures.js"></script>
  </head>
  <body>
    <a-scene background="color: grey">
      <a-assets>
        <img id="molinos" src="../assets/imgs/molinos-bw.jpg">
        <img id="soil" src="../assets/imgs/soil.jpg">
        <img id="bands" src="../assets/imgs/bands.jpg">
        <img id="window" src="../assets/imgs/window.jpg">

        <a-asset-item id="urjc" src="../assets/3d/urjc.obj"></a-asset-item>
        <a-asset-item id="car" src="../assets/3d/auto/scene.gltf"></a-asset-item>
      </a-assets>

      <a-curvedimage position="-2 1.5 -4" src="#window" height="9.0"
                     radius="10" theta-length="120"
                     rotation="0 100 0" scale="0.8 0.8 0.8"></a-curvedimage>

      <a-box position="3.5 1 -3" rotation="0 90 0" scale="2 2 2" src="#molinos"
             animation="property: position; to: 5.5 1 -5;
                        dir: alternate; dur: 4000;
                        loop: true">
      </a-box>

      <a-sphere position="-2 1.25 -5" radius="1.25" src="#soil"></a-sphere>
      <a-cylinder position="1 1.25 -3" radius="0.5" height="2.5"
                  src="#bands"></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="10" height="4"
               repeat="4 2" src="#soil"></a-plane>
      <a-text value="Just a simple test" color="red"
              position="-3.5 0.5 -2" rotation="-45 30 0" scale="2.5 2.5 2.5"
              font="../assets/fonts/Roboto-msdf.json"></a-text>

      <a-entity position="-2 1 -9" obj-model="obj: #urjc"
                material="color: green" scale="0.1 0.1 0.2"
                animation="property: rotation; dur: 10000;
                           dir: normal; loop: true;
                           to: 0 360 0">
      </a-entity>

      <a-entity position="-2 2 -9" gltf-model="#car"
                scale="0.01 0.01 0.01"
                animation="property: rotation; dur: 10000;
                           dir: normal; loop: true;
                           to: 0 360 0">
      </a-entity>

      <a-light type="ambient" color="white"></a-light>
      <a-light type="point" intensity="2" position="-1 9 2"></a-light>

      <a-entity position="-3 2 1" rotation="0 -25 0">
        <a-camera>
          <a-cursor></a-cursor>
        </a-camera>
      </a-entity>

    </a-scene>

  </body>
</html>