84 Three.js 使用AnimationMixer实现变形动画

前言

这几天一直在做一个小游戏案例。来巩固一下之前学到的东西。想看我制作出来的案例特效可以查看 址：http://www.wjceo.com/blog/demo/2018-04-09/144.html 下面开始这一节的内容。

简介

当我们使用外部软件（如 ）创建动画时，通常会有两种主要的动画定义方式：
和。这一节，我们先了解。
使用变形动画，你需要定义 格变形之后的状态，或者说是关键位置。对于变形目标，所有的顶点位置都会被存储下来。你所需要做的是将所有的顶点从一个位置移动到另一个定义好的关键位置，并重复该过程。
优点是能够得到更好的效果，因为它将每一个动作每一个顶点的位置都存储了下来，这样相应的缺点是会造成文件变大。

实现案例

案例查看地址：http://www.wjceo.com/blog/threejs/2018-04-13/145.html
– 首先，我们引入了一个格式的模型，添加纹理，并导入到：

• 接着，我们开始处理动画，通过获取到对象：

对象是场景中特定对象的动画播放器。当场景中的多个对象独立动画时，可以为每个对象使用一个。我们需要透过这个对象实现动画。

• 然后，我们通过的静态方法获取到需要执行的动画片段：

• 再用对象的方法生成可以控制执行动画的实例。

• 最后，先使用设置好一个循环时间，然后调用方法开始动画即可：

案例代码