Estoy usando TRES.js para cargar una malla .gltf en mi escena.
cuando cargo la malla, establezco el valor de una variable en scene.gltf en la secuencia de carga.
loader.load( 'donut.gltf', function ( gltf ) { donut = gltf.scene; scene.add( gltf.scene ); },esto funciona, y puedo hacer referencia a esa variable para rotar mi malla.
function animation(time) { donut.rotation.x = time / 2000; donut.rotation.y = time / 1000; renderer.render(scene, camera); }sin embargo, cuando trato de usar three.interact para detectar un evento de mouseover,
donut.on('mousemove', function(ev) { console.log(ev); });me sale el error:
gltf.html:87 TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'on')
si declaro la dona como TRES. Malla antes de asignarle la malla, el error desaparece, al igual que la funcionalidad de la función de mouseover. si cambio mi variable de dona a escena , obtengo básicamente el resultado deseado, pero si hay algo más en la escena, también desencadena el evento.
¿Cómo hago referencia solo a mi malla prevista y llamo a la función mouseover con three.interact?