天天看点

Three 之 Animation 初印象

动画效果
Three 之 Animation 初印象
一个对象所有动作的管理者

用于场景中特定对象的动画的播放器。一个对象可能有多个动作,Mixer 是用来管理所有动作的,它可以调度出对象的某个动作进行操控,如 <code>mixer = new THREE.AnimationMixer(obj);</code> mixer 就能管理 obj 对象的所有动画了。拥有 mixer 后,在 animate 函数中进行更新操作,用于更新该对象目前的状态。 mixer 可以让这个对象同时播放多个动作,因此需要在每帧中执行 update 方法

一个对象的一个动作

动画剪辑(AnimationClip)是一个可重用的关键帧轨道集,它代表动画。

用来管理单个动作,让这个动作开始暂停等等

AnimationActions 用来调度存储在 AnimationClips 中的动画。说明: AnimationAction的大多数方法都可以链式调用

加载一个对象,加载这个对象对应的 mixer 用于管理所有动作

<code>mixer = new THREE.AnimationMixer(obj);</code>

加载出一个 action,用于处理单个(clip)动画集,并进行播放

<code>mixer.clipAction(obj.animations[0]).play();</code>

上文提到过 action 是可以链式操作了,clipAction 方法返回一个 action 对象

在每一帧中更新对象的状态

<code>mixer.update(delta);</code>

希望读者在看完后能提出意见, 点个赞, 鼓励一下, 我们一起进步. 加油 !!