关键帧、补间和持续
关键帧及其区段状态
EduStudio
将角色物件的动画内容记录在关键帧中。在关键帧的内容中,除了有关动画的描述外,还可能存在一些动画物件的位置、大小、方向、颜色等帧状态定义,简称状态定义。关键帧的状态以角色物件在视图中的原始状态作为相对状态。假如,有两个关键帧定义,分别记为状态
1 和状态 2。设物件在视图中的原始位置为A,状态 1 把物件移动到了位置 B,状态 2 把物件移动到了位置 C。那么,状态 1 记录的是 A
位置和 B 位置的相对距离;状态 2 记录的是 A 位置和 C 位置的相对距离,如下图所示。

由于这个原因可想而知,只要移动物件在视图中的原始位置,我们就很轻松地将动画整体移动到页面的其他位置。这种相对于原始状态的记录方法也适用于物件的颜色变化等其他状态定义当中。在播放过程中,补间动画的计算是根据前后记录的差别来进行的。此过程将自动完成。
补间动画
补间区域是角色物件变化和运动的区域。只要一个区段内有补间区域,EduStudio
将自动加入一个补间动画到该区域。对于拥有“动作”关键帧的区段来讲,区段包含的是一个具体的关键帧状态,因此补间动画的形式将是从上一个区段状态到当前区段状态的演变过程,如上图中的
B 到 C
的过程。如果不存在上一个动画区段,则用动画物件在页面中的原始状态来充当前期状态。
然而,对于拥有“效果”关键帧的区段来说,其补间动画往往只根据上一个区段状态来产生。在 EduStudio
中,“入场”效果和“退场”效果的关键帧不具有本地帧状态记录,因此补间动画完全依赖于上一个区段状态。比如,上一个区段状态中动画物件位于页面中心,那么入场效果将动画处理为物件从页面之外某处向页面中心飞入;若是“退场”效果则物件将从页面中心向页面之外飞出,但该区段动画结束后,物件仍然位于页面中心,只是默认可见性规则设置其后方空白帧为不可见。由此可见,“入场”和“退场”效果过后,角色物件的状态不发生任何变化。因此,察看上一个区段状态时,若上一个区段为“入场”或“退场”效果,则可以跳过它,改而查看其再上一个动画区段状态。
EduStudio
只所以这样处理入退场效果是因为效果动画中的飞入点、飞出点对用户来说是隐含的,把其状态纳入到状态演变机制当中容易造成动画的不确定性等混乱局面。然而,与入退场效果不同,“表演”类效果关键帧则具有本地帧状态定义,比如“放大效果”,效果过后物件的大小将保持放大状态。事实上,可以把动作关键帧理解为一种自定义“表演”类效果。
持续状态
持续区域的作用是使关键帧之后的帧状态保持不变,若对象在持续区中可见,一般用点线“
”来表示。通常,此区域是否存在无关实际动画,因为在空白帧中角色物件状态同样可以保持不变。但假设用户要重复播放某片段,则此区域的存在是必要的,只有有了它才能确定关键帧之后需要持续多长时间,然后再开始重复播放。如下图,图中的波浪线部分表示动画片段的重复播放区域。
”来表示。通常,此区域是否存在无关实际动画,因为在空白帧中角色物件状态同样可以保持不变。但假设用户要重复播放某片段,则此区域的存在是必要的,只有有了它才能确定关键帧之后需要持续多长时间,然后再开始重复播放。如下图,图中的波浪线部分表示动画片段的重复播放区域。
另外,在分批发送动画中,持续区的作用等同于表示分批发送第一物件和最后一个物件之间的时间差。也就是说,分批发送中第一个发送的物件在补间区规定的时间内准确到达关键帧处,其他后续发送的物件可使用持续区域中分配的时间来延迟到达关键帧状态。在这种情况下,持续区域用灰色的关键帧样式来表示,如下图所示。

持续区的状态也可能是不可见状态,如隐藏帧
之后的状态。
之后的状态。文档最后更新时间:2026-08-27 14:14:35
← 空白帧以及帧的可见性 添加效果 →