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

1、iH5基础教程为H5添加时刻轴轨迹iH5基础教程：为H5添加时刻轴、轨迹第一步：添加背景图片。1、在对象树选中舞台2、点击工具栏里的“图片”图标3、在舞台上画出一个框4、弹出选择图片窗口，点击上传。5、弹出文件窗口，选择一张图片，点击打开。6、对着舞台上的图片点右键，选择原始大小。7、并把图片移动到坐标为（0，0）的地址，或是能够在属性面板中修改X，Y的值都等于0。第二步：添加时刻轴。一、在对象树中选中舞台二、点击工具栏里的“时刻轴”图标，在舞台下添加时刻轴1。第三步：时刻轴下添加图片。1、选中舞台下的时刻轴1。二、点击工具栏里的“图片”图标，在时刻轴1下添加2张图片：云图片和热气球图片，并调

2、整图片的位置。第四步：图片下添加轨迹。1、选中云图片 2、点击工具栏里的“轨迹”图标3、选中热气球图片，点击工具栏里的“轨迹”图标第五步：轨迹上添加关键帧。一、把云的图片移动到舞台偏下的位置，透明度减低。二、点时刻轴窗口“Add” 添加一个关键帧3、在时刻轴窗口的第一个框输入4，点回车。4、把图片移动到舞台偏上的位置，透明度为100。五、再点“Add”添加一个关键帧。六、同理，热气球轨迹0秒、2秒、4秒处添加关键帧。注意:若是要修改图片状态，必需点中。关键帧呈橙色，再移动位置或修改属性面板，关键帧才修改有效。第六步：1、选中对象树的天空图片。二、点击工具栏的事件工具，触发条件点击，目标对象时刻

3、轴，目标动作反向播放。重点控件：时刻轴、轨迹、事件知识点：1、先点击工具栏上的时刻轴工具添加时刻轴，时刻轴下添加素材，素材下添加轨迹，点击时刻轴窗口上的ADD添加关键帧。2、若是要修改关键帧里记录的素材的属性，必需选中关键帧为橙色，再移动素材的位置或修改大小透明度等。3、在时刻轴窗口的第一个框内填入数字1，点回车，那么时刻轴窗口里的操纵关键帧位置的小方块就自动抵达1秒的位置，点击ADD添加关键帧，关键帧处于1秒的位置。若是需要准确调整关键帧的位置，能够在第二个框内填入数字，例如2，那么关键帧会移动到2秒处。重点事件：一、时刻轴自动播放，触发对象：天空图片，触发条件：点击，目标对象：时刻轴，目标动作：反向播放，那么打开作品，时刻轴自动播放，点击背景图片，时刻轴反向播放。