<a-assets>
        <a-asset-item id="id" src="src/src/scene.gltf"></a-asset-item>
</a-assets>  

<a-entity gltf-model="a_entity/model/scene.gltf" position="0 0 0" rotation="0 0 0" scale="0 0 0"></a-entity>

  <script>
  AFRAME.registerComponent('sun-position-setter', {
          init: function () {
            var skyEl = this.el;
            var orbitEl = this.el.sceneEl.querySelector('#orbit');
            orbitEl.addEventListener('componentchanged', function changeSun (evt) {
                var sunPosition;
                var phi;
                var theta;

                if (evt.detail.name !== 'rotation') { return; }

                sunPosition = orbitEl.getAttribute('rotation');

                if(sunPosition === null) { return; }

                theta = Math.PI * (- 0.5);
                phi = 2 * Math.PI * (sunPosition.y / 360 - 0.5);
                //Debugging position
                //console.log(Math.cos(phi), Math.sin(phi) * Math.sin(theta))
                skyEl.setAttribute('material', 'sunPosition', {
                    x: Math.cos(phi),
                    y: Math.sin(phi) * Math.sin(theta),
                    z: -1
                });
            });
        }
    });
</script>

 <a-animation attribute="position" from="10.636 1.063 -12.74" to="10.636 5.609 -12.74" dur="2000" direction="alternate" repeat="indefinite" begin="click" ></a-animation>

 <script>
        function setLight(){
            var light = document.querySelector('#main-light');
            var current_color = light.getAttribute('color');
            if (current_color == 'grey'){
                light.setAttribute('color', 'white');
            }
            else{
                light.setAttribute('color', 'grey');
            }
        }
    </script>

 <a-entity gltf-model="#dog" position="-8.06 -0.09 11.41" rotation="0 180 0"  scale="0.02 0.02 0.02"></a-entity>
 <a-box material="color:tomato;transparent:true;opacity:0" depth="2" height="2" width="2" sound="src: url(images/dog_sound.mp3); on: click" class="intersectable" position="-8.06 -0.117 11.41"></a-box>