在上一章节,讲述了Hype 4交互动效制作软件新建时间线的三种方法以及主时间线和新建时间线的区别。本章节继续讲述Hype 4 HTML5创作工具的时间线的编辑以及如何设置时间轴的回放方向。
一、编辑时间线
对时间线的编辑包括删除时间线、复制时间轴以及控制时间线回放等。
1、删除时间线
在场景面板的“动画时间线”选项中,点击“-”按钮,可以删除在表格中选中的时间线。注意,主时间线是不能被删除的。
2、复制时间轴
在场景面板的“动画时间线”选项中,点击“复制时间线”按钮,可以把选中的时间线复制一份并自动在名称后添加数字后缀。复制时间轴的作用是,除保留该时间线的对象的动画外,可以添加新的对象的动画。
3、控制时间线回放
在上一章节有提到,首次加载场景时,会立即运行主时间线上的动画。所以,如果一个对象既有主时间线的动画,也有备用时间线的动画,那么在场景加载时执行的是主时间线的动画,备用时间线的动画是不会被执行的。
如果需要加载是执行备用时间线的动画,则需要使用“场景加载时”操作。如图3,矩形在主时间线上是水平运动,在“垂直运动”副时间线上是垂直运动。通过在“场景加载时”执行“垂直运动”时间线,那么在场景加载时看到的是矩形进行垂直运动。
二、时间轴的回放方向
时间轴可以向前或向后播放。默认情况下,时间线向前播放,并且只播放一次。如果要以相反方向播放时间线,则需要在“场景面板”的“场景加载时”选择“倒序播放”,那么动画就会从终点开始播放,至起点结束。
三、小结
控制时间线回放主要针对的是主时间线和副时间线,只有通过“场景加载时”添加副时间线,才会执行副时间线。此外,若要反向执行时间线,也需要在“场景加载时”选择“倒序播放”才能够是对象从时间线的终点倒序播放到起点。
下一章节,将讲述如何实现循环播放,敬请期待。