gltf DOM-Ereignisse in A-Frame

Question

Ich kann "Klick" -Ereignis nicht in meinem GFTF-Modell in A-Frame erfassen. Hier ist der Code. A-Frame-Dokumentation zeigt nur zwei Ereignisse werden unterstützt. Nämlich "model-loaded" und "model-error". Wie unterstützen wir andere Veranstaltungen wie "Click" und "Mouseenter"?

AFRAME.registerComponent('material-displacement', { 
    /** 

    */ 
    init: function() { 
    this.material = new THREE.MeshStandardMaterial({color: "green"}); 
    this.el.addEventListener('model-loaded',() => { this.update(); }); 
    }, 

    /** 
    * Apply the material to the current entity. 
    */ 
    update: function() { 
    const mesh = this.el.getObject3D('mesh'); 
    if (mesh) { 
     mesh.traverse((node) => { 
     if (node.isMesh) node.material = this.material; 
     }); 
    } 
    }, 

}); 

Answer 1

Sie implementieren sie, genau wie Sie denken, dass Sie tun. Anstatt dass der Event-Listener ein modellgeladenes Event abhört, hören Sie ein click- oder mouseenter-Event.

So diese Zeile ändern

this.el.addEventListener('model-loaded',() => { this.update(); }); 

zu dieser Linie

this.el.addEventListener('click',() => { this.update(); });