关键帧

Spine 中的动画效果是使用“关键帧”完成的。关键帧定义了一个过渡的开始和结束值。关键帧之间的任何位置,可以进行“插值”或“补间”。骨架动画效果实际归结于由关键帧定义的姿势和关键帧在时间轴上的位置。

在设置关键帧之前,确保 Spine 处于ANIMATE模式,并在层级树中为你将要编辑的动画打开可见性圆点。

时间轴

在动画模式下,骨架的姿势来自于关键帧和当前的时间轴位置。时间轴在摄影表视图中。

每一秒时间在时间轴上显示为 30 帧。在时间轴上单击一个帧会设置新的时间轴位置。一旦设置关键帧,它们就会显示在摄影表中时间轴下方。请参阅 摄影表 了解更多有关如何使用时间轴和摄影表的信息。

设置关键帧

在动画模式下对骨架进行修改后,不会自动保存。如果更改时间轴位置,更改会丢失。如果要保留更改,需要通过单击工具栏或层级树中适当的关键帧按钮将其保存为关键帧。

如果当前帧上没有关键帧,则关键帧按钮的颜色是绿色;如果有更改但未成为关键帧,则是黄色;如果当前帧上有关键帧,则为红色。

变换

关键帧旋转、变换或缩放是通过单击工具栏中各自工具的数字输入旁的关键帧按钮设置的。

另外,如果骨骼变换不是关于关键帧的变更,层级树的骨骼旁会出现黄色关键帧按钮。单击这一按钮,将仅为此非关键帧变更创建一个关键帧。

现在不能为移动或缩放分别设置 X 和 Y 关键帧,X 和 Y 总是一起形成关键帧。

旋转

对旋转创建关键帧时,旋转的方向永远是最短路径。如果旋转超过 180 度,则需要一个以上关键帧。例如,要旋转 360 度,需要 3 个关键帧。

附件

要创建对插槽可见的附件的关键帧,首先要通过单击附件旁的可见性圆点,在层级树中显示或隐藏所需的附件。这会将插槽的关键帧按钮变成黄色,单击该按钮将设置一个关键帧。

插槽颜色

要对动画中的附件染色,是在插槽,而不是在附件上设置颜色。在层级树底部的插槽属性中设置颜色。

将阿尔法设置为 0,使附件不可见,使用这种方式来隐藏附件的效率不高。大多数游戏工具会像绘制可见图片一样,绘制阿尔法值为 0 的图片。通过在层级树中选择阿尔法值为0的图片来隐藏附件的方法会更高效。请参阅 附件了解更多信息。

绘制顺序

层级树中 绘制顺序节点旁的关键帧按钮可以为当前绘制顺序创建关键帧。请参阅 绘制顺序 了解更多信息。

事件

设置事件关键帧的按钮在层级树中每个事件的旁边。可以在设置关键帧之前更改事件属性。请参阅 事件 了解更多信息。

网格

如果要设置网格顶点位置的关键帧,单击层级树中网格旁的关键帧按钮。请参阅 网格 了解更多信息。

IK

如果要设置 IK 约束的关键帧,单击层级树中 IK 旁的关键帧按钮。混合和顶点被一起创建关键帧。请参阅 IK 约束 了解更多信息。

翻转

可以在层级树底部骨骼属性中为骨骼的翻转方向创建关键帧。X 和 Y 翻转将分别创建关键帧。

快捷键

在键盘上按下 K设置关键帧 的快捷键,它将对未创建关键帧的所有更改设置关键帧。

当摄影表视图中启用 自动关键帧后,无论何时进行更改后都会自动设置关键帧。请参阅 自动关键帧 了解更多信息。

如果骨架位于错误的时间轴位置,且未创建关键帧,那么当时间轴位置更改后,骨架姿势会丢失。要在新的时间轴位置恢复姿势,按下 ctrl+Z (Mac 上是 cmd+Z)调用撤销功能。但如果时间轴位置更改后,对重做(ctrl+shift+Z,Mac 上是 cmd+shift+Z)进行更改,那么位置将无法恢复。

运行时差异

如果对一个值未设置关键帧,那么动画不会更改此值。在 Spine 中,应用动画前的骨架总是重置为装配姿势。这意味着,如果未设置关键帧,那么骨架只是装配姿势的值。

在运行时,程序员决定是否在应用动画前将骨架重置为装配姿势。如果不重置,那么若关键帧未设置,那么骨架将保持最后一次设置的姿势。

一个适用的示例是,制作 附件对 武器 插槽可见的动画。即使是在播放后续动画时, 附件都保持可见。

而一个不希望如此效果的例子是,当一个动画旋转根骨骼并使其保持在 45 度。然后播放下一个动画,并且不对根骨骼创建关键帧,因此根骨骼仍为旋转 45 度。即便第一段动画结束时根骨骼的旋转为零度,如果第一段动画过早结束,此情况仍会发生,因为另一个动画已经播放。

一个不太有效率的解决方案是对每一段动画第 0 帧的每一个值创建关键帧。 这对动画制作者来说非常乏味。而且在运行时效率低下,因为在每个动画应用时都要获取设置值(通常为每秒 60 次)。每个创建关键帧的值都有小的代价,这通常可以忽略不计(附件关键帧比其他略多)。当对所有值创建关键帧后,如果有很多骨架同时在屏幕上以动画展示,那么这些代价加起来可能会成为一个问题。

而正确的方式是,让程序员在应用动画前将骨架的骨骼重置为装配姿势。对于附件,当动画更改时,程序员可以将部分或所有插槽重置为装配姿势。

探索关键帧

现在就来亲自探索一下 Spine 中的关键帧工作原理。如果您尚未创建骨架,您可以打开 Spine 自带的示例项目,并通过点击层级树中的 动画 节点、新建动画 创建一个新动画。在动画模式下,将骨架放置在第 0 帧,并设置关键帧(例如,通过按下 K)。接下来,单击第 30 帧,在不同位置放置骨架,并设置关键帧。通过拖动时间轴或点击播放来实际查看您的动画。

视频

第 1 部分: 在YouTube 上觀看「关键帧 1/2」。

第 2 部分: 在YouTube 上觀看「关键帧 2/2」。

下一节:动画 上一节:工具