iH5基础教程：为H5添加时间轴、轨迹
下面我们来一起看一下iH5基础教程的第五节：为H5添加时间轴、轨迹的具体步骤
添加背景图片。
1、在对象树选中舞台
2、点击工具栏里的“图片”图标
3、在舞台上画出一个框
4、弹出选择图片窗口，点击上传。
5、弹出文件窗口，选择一张图片，点击打开。
6、对着舞台上的图片点右键，选择原始大小。
7、并把图片移动到坐标为（0，0）的地方，或是可以在属性面板中修改X，Y的值都等于0。
添加时间轴。
1、在对象树中选中舞台
2、点击工具栏里的“时间轴”图标，在舞台下添加时间轴1。
时间轴下添加图片。
1、选中舞台下的时间轴1
2、点击工具栏里的“图片”图标，在时间轴1下添加2张图片：云图片和热气球图片，并调整图片的位置。
图片下添加轨迹。
1、选中云图片
2、点击工具栏里的“轨迹”图标
3、选中热气球图片，点击工具栏里的“轨迹”图标
轨迹上添加关键帧。
1、把云的图片移动到舞台偏下的位置，透明度减低。
2、点时间轴窗口“Add”添加一个关键帧
3、在时间轴窗口的第一个框输入
4，点回车。
5、把图片移动到舞台偏上的位置，透明度为100。
6、再点“Add”添加一个关键帧。
7、同理，热气球轨迹0秒、2秒、4秒处添加关键帧。
注意:如果要修改图片状态，必须点中。关键帧呈橙色，再移动位置或修改属性面板，关键帧才修改有效。
1、选中对象树的天空图片。
2、点击工具栏的事件工具，触发条件点击，目标对象时间轴，目标动作反向播放。
重点控件：时间轴、轨迹、事件
知识点：
1、先点击工具栏上的时间轴工具添加时间轴，时间轴下添加素材，素材下添加轨迹，点击时间轴窗口上的ADD添加关键帧。
2、如果要修改关键帧里记录的素材的属性，必须选中关键帧为橙色，再移动素材的位置或修改大小透明度等。
3、在时间轴窗口的第一个框内填入数字1，点回车，则时间轴窗口里的控制关键帧位置的小方块就自动到达1秒的位置，点击ADD添加关键帧，关键帧处于1秒的位置。如果需要准确调整关键帧的位置，可以在第二个框内填入数字，例如2，则关键帧会移动到2秒处。
重点事件：
1、时间轴自动播放，
触发对象：天空图片，
触发条件：点击，
目标对象：时间轴，
目标动作：反向播放，
则打开作品，时间轴自动播放，点击背景图片，时间轴反向播放
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/life/142042.html
