1.10. 动画编辑

一、动画编辑界面功能¶

（一）时间轴讲解¶

时间轴功能可以提高使用者的工作效率，使用时间轴可以简便快捷地对VRP3D 引擎编辑器中的各类对象进行动画设置，如三维模型、相机、二维界面等。VRP3D 引擎的时间轴不仅可以充当调节各类动画的利器，还可以在时间轴上添加脚本，是时间轴在播放过程中可以调用各类VRP3D 引擎的脚本函数。

时间轴如图所示：

1-----录制：开始或暂停录制。
2-----从左至右依次为：上一帧：当前时间轴回退到上一帧；播放/暂停：播放或暂停当前动画；下一帧：当前时间轴前进到下一帧。
3-----从左至右依次为：曲线：打开Gizmos开关后即可显示或隐藏运动轨迹曲线；曲线切换：运动轨迹切换为直线或者曲线。
4-----显示动画片段的起始和结束时间。
5-----显示当前待编辑的物体名称以及动画片段名称。单击“”标志，可对当前动画片段重命名、复制和删除。
6-----关键帧：添加或删除关键帧。
7-----事件帧：添加或删除事件帧。
8-----时间轴：可根据需要拖动。
9-----拖动可调节时间轴上单位刻度表示的时间。

（二）动画创建¶

方法一：通过右键给选中物体添加动画，如图所示。

方法二：选中物体后，在细节面板的“组件”页签，单击添加组件进行添加。如图所示。

方法三：选中物体后，在菜单栏处选择“组件＞动画＞动画”，如图所示。

（三）动画片段调节¶

在动画创建完后，可在细节面板的“组件”页签找到对应的动画片段进行操作，如图所示。

启用：可控制是否启用动画。
自动播放：可选择是否自动播放。Once：动画只会播放一次。Loop：动画循环播放。PingPong：动画像乒乓球来回路径播放模式。
播放模式：选择自动播放的模式。
默认动画：设置默认播放的动画。
添加动画：单击，可为当前物体添加一段新的动画。
：从左至右分别为动画片段名称，预览，编辑，删除，复制。
动画片段名称：展示当前动画片段的名称，可修改。
预览：单击可播放当前动画。
编辑：单击可对当前动画进行编辑。
删除：单击可删除当前动画。
复制：可复制当前动画，可将该段动画复制到其他物体上。

操作步骤说明如下：

1、单击刚添加的动画“1”后的复制按钮。

2、新建一个三维物体——球，为该物体添加一段动画“2”，如图所示。

3、添加动画片段“2”，单击片段2后的复制按钮，及可将片段1的动画复制到该物体上，如图所示。

（四）UV动画介绍¶

UV动画主要用于序列帧、模拟无限重复的背景，让模型顶点对应UV随时间变化，使其对应纹理像素不断随时间变化，但是无法达到让物体“变形”的效果。

（五）顶点动画介绍¶

顶点动画原理和uv动画有相同的地方，但是顶点动画可以让物体动起来的同时，达到变形的效果其主要原理是在顶点着色器中对模型的顶点进行偏移，再将偏移后的顶点位置输出到片元着色器中。

二、动画功能示例¶

（一）模型移动¶

1.新建场景，在菜单栏处选择“对象＞三维物体＞立方体”，创建示例对象。

2.选择对象后，在动画编辑器中单击“创建”。输入添加动画片段的名称“1”，单击“确认”。

3.进入动画编辑器页面。

4.单击录制按钮，开始录制动画；向右拖动时间轴，设置合适的时间。

5.拖动场景中的物体，移动到相应位置后，默认会添加一个关键帧。

6.单击事件帧按钮，可为当前动画添加事件。双击添加的事件帧，可打开脚本编辑器进行脚本编辑，脚本编辑器的使用请参考之后的教程。

7.编辑完成后，单击播放/暂停按钮，可开始播放动画片段。

（二）模型旋转¶

1.为模型“Box”添加一段动画片段2。

2.点击编辑动画“2”，让动画编辑器界面跳转到动画“2”后，单击录制按钮，开始录制动画；向右拖动时间轴，设置合适的时间。

3.将物体进行旋转一定角度后，默认会添加一个关键帧，即可完成一段物体旋转的动画。

（三）模型缩放¶

1．为模型“Box”添加一段动画片段3。

2．点击编辑动画“3”，让动画编辑器界面跳转到动画“3”后，单击录制按钮，开始录制动画；向右拖动时间轴，设置合适的时间。

3．将物体进行缩放后，默认添加一个关键帧，即可完成一段物体缩放的动画。

（四）模型曲线运动¶

1.新建场景，在菜单栏处选择“对象＞三维物体＞立方体”，创建示例对象。

2.选择对象后，创建一个动画片段。

3.开始制作曲线动画，先在合适时间上为物体至少添加三个关键帧（此处三个关键帧示例，分别①曲线运动的原点②曲线运动的中间点③曲线运动的终点）

4.点击曲线按键“”视口区域出现三个关键帧位置及轨迹线。

5.点击曲线切换按键可以选择“锚点转化为直线”或者“锚点转化为曲线”。

6.选择锚点转化为曲线，整个轨迹线变得有弧度了。即完成了曲线动画。

（五）模型UV动画¶

1.创建一个示例模型——面片，添加一段动画。

2.添加贴图到面片主贴图上。

3.调节属性>渲染>UV转换中的参数，添加关键帧。

4.UV动画完成。

（六）模型顶点动画¶

1.导入“树”模型。

2.选择树叶模型，添加顶点动画。

3.调节顶点动画参数。

速度为调节物体每个轴摆动频率参数。

大小为调节物体每个轴摆动大小参数。

状态为调节物体每个轴动画开关。（只有0和其他数值之分）

偏移为调节物体每个轴偏移参数。

4.顶点动画完成。

三、动画应用实例¶

（一）塔吊动画应用实例¶

以室外塔吊将起重物料从地面移动到正在建设的楼房上的过程为例，进行动画功能的使用示范。

1.导入“动画编辑器教材案例”模型。

2.要想让塔吊将起重物料从地面移动到正在建设的楼房上，我们创建动画的思路应该如下：

首先应该对“吊钩”创建一个向上移动的动画，其次对“钢丝绳”创建一个缩放动画，达到将起重物料移到楼房高度的效果。

然后对“吊钩”模型和“钢丝绳”模型的父节点“变幅小车”模型创建一个平移动画，达到将起重物料移动到楼房附近的效果。

接着对“上回转”这个父节点模型创建一个旋转动画，达到将起重物料移动到楼房上的效果。

最后对“起重物料”模型创建一个消失和显现的动画，达到反复让塔吊将起重物料从地面移动到正在建设的楼房的动画效果。

动画顺序确定好了，现在我们来确认时间。

首先我们设定让塔吊将起重物料从地面移动到正在建设的楼房的动画时间为5s，塔吊原路返回并重新添加上起重物料准备再来一次的动画时间也设定成5s，因此让塔吊将起重物料从地面移动到正在建设的楼房并返回的整体动画时间为10s。

3.对“吊钩”创建动画。

①选择模型中“塔吊＞上回转＞变幅小车＞吊钩”模型，单击“创建”，输入添加动画片段的名称，单击“确认”。

②进入动画编辑器页面，向右拖动时间轴，设置合适的时间，然后将模型移动到需要的位置，添加一个关键帧，形成动画。

为了整体更符合实际，塔吊在吊起起重物料前是需要一些准备时间，所以我们在0.5s之前不需要吊钩产生变化。因此不移动“吊钩”模型，直接在0.5s的时间轴处添加一个关键帧，创建了模型不动的动画。

0.5s之后我们需要让吊钩做向上移动的动画，因此先继续向右拖动时间轴，设置合适的时间2.5s。

再将“吊钩”模型向上移动一定距离后，添加一个关键帧。

2.5s之后吊钩模型不需要再移动，但是第一部分动画时间是5s，所以我们还需要向右拖动时间轴到5s位置，模型不动，直接添加一个关键帧。

③“吊钩”向上移动的动画完成。

4.对“钢丝绳”创建动画。

①选择模型中“塔吊＞上回转＞变幅小车＞钢丝绳”模型，单击“创建”，输入添加动画片段的名称，单击“确认”。

②进入动画编辑器页面，向右拖动时间轴，设置合适的时间，然后将模型移动到需要的位置，添加一个关键帧，形成动画。

因为“吊钩”动画0.5s前是不动的，所以我们在0.5s之前也不需要钢丝绳产生变化。因此将时间轴拖至0.5s处，模型不动直接添加一个关键帧。

0.5s之后我们需要钢丝绳做向上缩放的动画，因此先继续向右拖动时间轴，设置合适的时间2.5s，再将钢丝绳缩放后，添加一个关键帧。

2.5s之后钢丝绳模型不需要再移动，但是第一部分动画时间是5s，所以我们还需要向右拖动时间轴到5s位置，模型不动，直接添加一个关键帧。

③“钢丝绳”缩放动画完成。

5.对“变幅小车”创建动画。

①选择模型中“塔吊＞上回转＞变幅小车”模型，单击“创建”，输入添加动画片段的名称，单击“确认”。

②进入动画编辑器页面，向右拖动时间轴，设置合适的时间，然后将模型移动到需要的位置，添加一个关键帧，形成动画。

因为“变幅小车”模型的子节点“吊钩”模型和“钢丝绳”模型，它们只有在0.5s-2.5s之间是在移动的，所以“变幅小车”模型在2.5s之前是不能移动的。因此将时间轴拖至2.5s处，模型不动，直接添加一个关键帧。

2.5s之后我们需要变幅小车做一段向楼房平移的动画，因此先继续向右拖动时间轴，设置合适的时间4.5s，再将变幅小车移动后，添加一个关键帧。

4.5s之后变幅小车模型不需要再移动，但是第一部分动画时间是5s，所以我们还需要向右拖动时间轴到5s位置，模型不动，直接添加一个关键帧。

③“变幅小车”平移动画完成。

6.对“上回转”创建动画。

①选择模型中“塔吊＞上回转”模型，单击“创建”，输入添加动画片段的名称，单击“确认”。

②进入动画编辑器页面，向右拖动时间轴，设置合适的时间，然后将模型移动到需要的位置，添加一个关键帧，形成动画。

因为“变幅小车”模型在2.5s之前是不动的，所以“上回转”模型在2.5s之前也是不能移动的。因此将时间轴拖至2.5s处，模型不动，直接添加一个关键帧。

2.5s之后我们需要上回转做一段旋转动画，因此先继续向右拖动时间轴，设置合适的时间4.5s，再将上回转旋转一定角度后，添加一个关键帧。

4.5s之后上回转模型不需要再移动，但是第一部分动画时间是5s，所以我们还需要向右拖动时间轴到5s位置，模型不动，直接添加一个关键帧。

③“上回转”旋转动画完成。

7.对“起重物料”创建动画。

①选择模型中“塔吊＞上回转＞变幅小车＞吊钩＞起重物料”模型，单击“创建”，输入添加动画片段的名称，单击“确认”。

②进入动画编辑器页面，向右拖动时间轴，设置合适的时间，然后将模型移动到需要的位置，添加一个关键帧，形成动画。

因为5s是塔吊将起重物料从地面移动到正在建设的楼房上的过程，并且放下也需要一定时间，所以我们设定“起重物料”模型在5.45s之前是不能消失的。因此将时间轴拖至5.45s处，模型不动，直接添加一个关键帧。

5s之后是属于塔吊将起重物料放置完后回到地面的过程，塔吊回去时是没有起重物料的，所以先将时间轴拖至5.5s处，在5.45s和5.5s之间我们需要制作一个让起重物料消失的一段动画。此处消失动画可以利用修改缩放参数来完成，当缩放参数全部归0时，物体消失，并添加一个关键帧。

5.5s之后则是起重物料一直消失的时间，又因为塔吊原路返回并需要重新添加上起重物料准备再来一次的动画时间也设定成5s，所以我们需要提前一点。将时间轴拖至9.5s处，让起重物料在5.5s和9.5s之间保持消失状态，添加一个关键帧。

将时间轴拖至9.55s，修改起重物料的缩放参数后，添加一个关键帧。让起重物料在9.5s和9.55s之间重新显现出起重物料，这样才能让塔吊在10s之前重新添加上起重物料为下一次循环动画做准备。

最后将时间轴拖至10s，添加一个关键帧。让起重物料从9.55s一直显现到10s。

③“起重物料”显现消失动画完成。

8.最后我们在细节栏“组件＞动画”中更改刚刚创建好的动画的参数。

①对“吊钩”动画参数进行更改。

更改播放模式为“PingPong”。

勾选自动播放。

②对“钢丝绳”动画参数进行更改。

更改播放模式为“PingPong”。

勾选自动播放。

③对“变幅小车”动画参数进行更改。

更改播放模式为“PingPong”。

勾选自动播放。

④对“上回转”动画参数进行更改。

更改播放模式为“PingPong”。

勾选自动播放。

⑤对“起重物料”动画参数进行更改。

更改播放模式为“Loop”。

勾选自动播放。

9.在工具栏中点击播放按钮“”进行动画播放（选择全部场景时，可以看到全局动画时间轴）。