<!DOCTYPE html>
<html>
  <head>
    <title>3D Models - 04 - glTF animated</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.4.0/dist/aframe-extras.min.js"></script>
  </head>

  <body>
    <a-scene cursor="rayOrigin: mouse">
      <a-assets>
        <a-asset-item
          id="wolf"
          src="https://raw.githubusercontent.com/jorgecardoso/aframe-usj-models/master/wolf_with_animations/scene.gltf"
        >
        </a-asset-item>
      </a-assets>
      <a-gltf-model
                    id="mymodel"
        position="0 0 -3"
        scale="3 3 3"
        src="#wolf"
        animation-mixer="clip: 04_Idle"
      ></a-gltf-model>

      <!-- See the animation clips at https://sketchfab.com/models/f3769a474a714ebbbaca0d97f9b0a5a0# -->

     <!-- lights -->
      <a-light id="ambientLight" type="ambient" color="#BBB"></a-light>

      <a-light
        id="directionalLight"
        type="directional"
        color="#FFF"
        intensity="0.6"
        position="-0.5 1 1"
      ></a-light>


      <a-light
        id="directionalLight1"
        type="directional"
        color="#FFF"
        intensity="7"
        position="-0.5 1 1"

      ></a-light>
    </a-scene>

  </body>
</html>