原创力文档- 1、本文档共11页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
iH5基础教程为H5添加时间轴轨迹
iH5基础教程：为H5添加时间轴、轨迹
第一步
在对象树选中舞台
点击工具栏里的“图片”图标
在舞台上画出一个框
弹出选择图片窗口，点击上传。
弹出文件窗口，选择一张图片，点击打开。
对着舞台上的图片点右键，选择原始大小。
并把图片移动到坐标为（0，0）的地方，或是可以在属性面板中修改X，Y的值都等于0。
第二步：添加时间轴。
1、在对象树中选中舞台
2、点击工具栏里的“时间轴”图标，在舞台下添加时间轴1。
第三步：时间轴下添加图片。
选中舞台下的时间轴1。
2、点击工具栏里的“图片”图标，在时间轴1下添加2张图片：云图片和热气球图片，并调整图片的位置。
第四步：图片下添加轨迹。
选中云图片
点击工具栏里的“轨迹”图标
选中热气球图片，点击工具栏里的“轨迹”图标
第五步：轨迹上添加关键帧。
1、把云的图片移动到舞台偏下的位置，透明度减低。
2、点时间轴窗口“Add” 添加一个关键帧
3、在时间轴窗口的第一个框输入4，点回车。
4、把图片移动到舞台偏上的位置，透明度为100。
5、再点“Add”添加一个关键帧。
6、同理，热气球轨迹0秒、2秒、4秒处添加关键帧。
注意:如果要修改图片状态，必须点中。关键帧呈橙色，再移动位置或修改属性面板，关键帧才修改有效。
第六步：
选中对象树的天空图片。
2、点击工具栏的事件工具，触发条件点击，目标对象时间轴，目标动作反向播放。
重点控件：时间轴、轨迹、事件
知识点：
先点击工具栏上的时间轴工具添加时间轴，时间轴下添加素材，素材下添加轨迹，点击时间轴窗口上的ADD添加关键帧。
如果要修改关键帧里记录的素材的属性，必须选中关键帧为橙色，再移动素材的位置或修改大小透明度等。
在时间轴窗口的第一个框内填入数字1，点回车，则时间轴窗口里的控制关键帧位置的小方块就自动到达1秒的位置，点击ADD添加关键帧，关键帧处于1秒的位置。如果需要准确调整关键帧的位置，可以在第二个框内填入数字，例如2，则关键帧会移动到2秒处。
重点事件：
1、时间轴自动播放，
触发对象：天空图片，
触发条件：点击，
目标对象：时间轴，
目标动作：反向播放，
则打开
文档评论（0）