• Buscando obtener GLB (s) para avanzar a un KeyFrame específico al pasar el mouse sobre 1 de 3 botones.
• 'Avanzar' significa pasar del KF actual al deseado (1, 21, 41)... podría ser hacia adelante o hacia atrás .
• Maqueta del comportamiento previsto : ( https://imgur.com/N25k2gM ).
• Lo mejor que he podido hacer hasta ahora (.gif): https://imgur.com/N64oKj6
• He estado en el problema un par de horas. Esfuérzate un poco antes de que te pregunte.

.

 //* Setup First Model let modelBGReady = false; let modelBGMixer: THREE.AnimationMixer; const modelBGClock = new THREE.Clock(); //* Load First Model const modelBGLoad = new GLTFLoader(); modelBGLoad.load(modelBG, (gltf) => { modelBGMixer = new THREE.AnimationMixer(gltf.scene); let animation = modelBGMixer.clipAction(gltf.animations[0]); animation.setLoop(THREE.LoopOnce, 1); animation.clampWhenFinished = true; animation.play(); gltf.scene.rotation.z += modelRotateX; gltf.scene.rotation.y += modelRotateY; gltf.scene.position.set(0, -0.5, 0.2); scene.add(gltf.scene);}); ... //* 'Plan' Button Hover (Button 1 of 3) const buttonPlan = document.getElementById('buttonPlan') as HTMLDivElement; buttonPlan.addEventListener('mouseover', (event) => { modelBGReady = true; }); ... //* Animation Loop function animate() { requestAnimationFrame(animate); render(); if (modelBGReady) modelBGMixer.update(modelBGClock.getDelta()); if (modelUIReady) modelUIMixer.update(modelUIClock.getDelta()); if (modelWebAppsReady) modelWebAppsMixer.update(modelWebAppsClock.getDelta()); stats.update(); } function render() { renderer.render(scene, camera); } animate();

La ayuda en esto sería muy apreciada.

Se puede decir que esto es para una cartera de tipo diseñador web (que estoy emocionado de terminar :))

Salud