Three.js中动画的事件触发

上一节讲了按键来调用某一动画，有时候会出现不用按键就需要调用某一动画。比如机器人一直是跑步的动作，当发生某一事件或者按键时执行某一动作，当执行完这个动作就得自动还原成某一动作。那这个自动还原没有任何交互时就需要一个回调函数，就是自动的判断这一个动作结束时切换成某一动作。这个就在AnimationMixer类中调用了事件监听函数，addEventListener ( type : String, listener : Function ) : null。type 是需要添加监听的事件类型。listener 是事件发生时被调用到的函数。我们这里是添加的类型是动作结束或者动作循环结束，然后调用切换回原来跑步的状态。
运行效果：http://www.b2bdmp.com/examples/animatecallback.html

初始化时让跑步的动作设置为当前的动作，并且播放。

activeAction = actions[ 'Running' ];
activeAction.play();

然后创建了回调函数，createAnimateCallback，首先调用fadeToAction( name, 0.2 );切换到为name的动作，然后添加事件监听函数addEventListener( ‘loop’, restoreState )，当这个动作结束时调用restorestate函数。restoreState函数将这个监听结束掉，并且调用fadeToAction( ‘Running’, 0.2 )切换到跑步的状态。fadeToAction函数上一节讲过了就是比较自然切换到某一动作的函数。

function createAnimateCallback( name ) {
					
					fadeToAction( name, 0.2 );
					mixer.addEventListener( 'loop', restoreState );			

				}

function restoreState() {					
					mixer.removeEventListener( 'loop', restoreState );
					fadeToAction( 'Running', 0.2 );
					

				}			

代码链接https://gitee.com/irisxtt/threejs-example/blob/master/animatecallback.html