evento de clic de escucha de cursor gltf en marco A
No puedo entender por qué cursor-listener funciona bien para todas las entidades, excepto para mi modelo gltf.
Aquí está mi html
<div id="myEmbeddedScene">
<a-scene embedded="">
<a-assets>
<a-asset-item id="ducks" src="../images/test.glb"></a-asset-item>
</a-assets>
<a-box cursor-listener color="#CCC" width="3" depth="3" height="0.1" position="0 0 -2"></a-box>
<a-entity cursor-listener id="duck" gltf-model="#ducks" position="0 0.1 -2" rotation="0 -90 0"></a-entity>
<a-camera>
<a-cursor></a-cursor>
</a-camera>
</a-scene>
</div>
y aquí va el componente cursor-oyente de un marco
AFRAME.registerComponent('cursor-listener', {
init: function () {
this.el.addEventListener('click', function (evt) {
console.log('I was clicked');
});
}
});
El registro de la consola se produce muy bien para la entidad de cuadro, pero no para el modelo gltf. ¿Podría alguien ofrecer su consejo?