Loading complex objects for events

Questions
1

From a very high level pov, I simply want to load a .gtfl object from blender into my react-three-fiber scene, however, on click, I need it to animate and scale out larger (which I will set up in blender), then only when the animation has played to the last frame, I would like to assign areas of the object to be clickable. I’m pretty new to three.js and don’t mind doing the research, just tryna save time cause for me this seems ambitious. Was wondering if anyone would be able to just point me in the right direction. Thank you

2

Using the threejs animation system, you will have mixers, which play the actual animation. The mixer has a finished and loop event, which you can use to determine when a animation has finished.

mixer.addEventListener( 'loop', function( e ) { …} ); // properties of e: type, action and loopDelta
mixer.addEventListener( 'finished', function( e ) { …} ); // properties of e: type, action and direction
3

Thank you!

1 Like