Hype运动路径是两个或多个点之间的曲线动画,可通过运动曲线调整。比如,图1所示的粉色圆形就是按照特定运动路径移动的。
在上一章节中讲述了在一条时间线上的轮播图的原理以及创建了符号显示窗口,本章节讲述轮播的的核心——图片运动及如何设置时间线操作,最终实现在一条时间线上的轮播图。
本章节是上一章节“开始时间线”的延续篇,由于在主时间线上设置触发关键实现自定义时间线的循环往复运动相对比较复杂,涉及到的分析比较多,知识点非常重要,因此单独用一章节来讲述自定义时间线的循环往复运动。
在上一章节中,介绍了Hype 4交互动效制作软件使用运动函数实现匀加速运动,并通过具体案例呈现了加速度、持续时间的关系。 本章节将继续讲述Hype 4 HTML5创作工具中如何使用运动函数实现匀减速运动。
从本章节开始,将通过运动函数来讲述Hype 4 HTML5创作工具各种运动的原理。
在上一章节中,介绍了Hype 4交互动效制作软件中运动函数,详细讲述了运动函数的参数与运动三要素之间的关系,以及实现匀速运动的原理。 本章节将讲述Hype 4 HTML5创作工具中如何通过运动函数实现匀加速运动。
在上一章节中,介绍了Hype 4交互动效制作软件中弹性运动曲线以及通过一个案例——菜单栏飞入场景的动画,讲述了弹性运动曲线动画中的效果。本章节将讲述Hype 4 HTML5创作工具后方运动曲线,以及如何使用后方运动曲线模拟物体运行上坡的动画。
在上一章节中,介绍了Hype 4交互动效制作软件中退还运动曲线及其在抛物线运动动画中的效果。本章节将讲述Hype 4 HTML5创作工具弹性运动曲线,以及如何使用弹性运动曲线模拟菜单飞入的动画。
在前面几个章节中,介绍了Hype 4交互动效制作软件中如何线性、渐入、渐出和渐入渐出的运动曲线及其在动画中的效果。本章节将讲述Hype 4 HTML5创作工具中的退还运动曲线,以及如何使用退还运动曲线模拟物体的弹跳运动。
在上一章节中,介绍了Hype 4交互动效制作软件中如何线性运动曲线以及渐入运动曲线在对象动画中的效果。本章节继续讲述Hype 4 HTML5创作工具渐出以及渐入渐出运动曲线的动画效果。