iH5基础教程为H5添加时刻轴轨迹.docx

iH5基础教程为H5添加时刻轴轨迹.docx

《iH5基础教程为H5添加时刻轴轨迹.docx》由会员分享，可在线阅读，更多相关《iH5基础教程为H5添加时刻轴轨迹.docx（10页珍藏版）》请在冰豆网上搜索。

iH5基础教程为H5添加时刻轴轨迹

iH5基础教程：

为H5添加时刻轴、轨迹

第一步：

添加背景图片。

1、在对象树选中舞台

2、点击工具栏里的“图片”图标

3、在舞台上画出一个框

4、弹出选择图片窗口，点击上传。

5、弹出文件窗口，选择一张图片，点击打开。

6、对着舞台上的图片点右键，选择原始大小。

7、并把图片移动到坐标为（0，0）的地址，或是能够在属性面板中修改X，Y的值都等于0。

第二步：

添加时刻轴。

一、在对象树中选中舞台

二、点击工具栏里的“时刻轴”图标

，在舞台下添加时刻轴1。

第三步：

时刻轴下添加图片。

1、选中舞台下的时刻轴1。

二、点击工具栏里的“图片”图标

，在时刻轴1下添加2张图片：

云图片和热气球图片，并调整图片的位置。

第四步：

图片下添加轨迹。

1、选中云图片

2、点击工具栏里的“轨迹”图标

3、选中热气球图片，点击工具栏里的“轨迹”图标

第五步：

轨迹上添加关键帧。

一、把云的图片移动到舞台偏下的位置，透明度减低。

二、点时刻轴窗口“Add”

添加一个关键帧

3、在时刻轴窗口的第一个框输入4，点回车。

4、把图片移动到舞台偏上的位置，透明度为100。

五、再点“Add”添加一个关键帧

。

六、同理，热气球轨迹0秒、2秒、4秒处添加关键帧。

注意:

若是要修改图片状态，必需点中。

关键帧呈橙色，再移动位置或修改属性面板，关键帧才修改有效。

第六步：

1、选中对象树的天空图片。

二、点击工具栏的事件工具，触发条件点击，目标对象时刻轴，目标动作反向播放。

重点控件：

时刻轴、轨迹、事件

知识点：

1、先点击工具栏上的时刻轴工具添加时刻轴，时刻轴下添加素材，素材下添加轨迹，点击时刻轴窗口上的ADD添加关键帧。

2、若是要修改关键帧里记录的素材的属性，必需选中关键帧为橙色，再移动素材的位置或修改大小透明度等。

3、在时刻轴窗口的第一个框内填入数字1，点回车，那么时刻轴窗口里的操纵关键帧位置的小方块就自动抵达1秒的位置，点击ADD添加关键帧，关键帧处于1秒的位置。

若是需要准确调整关键帧的位置，能够在第二个框内填入数字，例如2，那么关键帧会移动到2秒处。

重点事件：

一、时刻轴自动播放，

触发对象：

天空图片，

触发条件：

点击，

目标对象：

时刻轴，

目标动作：

反向播放，

那么打开作品，时刻轴自动播放，点击背景图片，时刻轴反向播放。