iH5高级教程：H5小游戏必学，制作打飞机-千问二六

iH5高级教程：H5小游戏必学，制作打飞机

下面我们一起来学习iH5高级教程：H5小游戏必学，制作打飞机

选中舞台，点击页面工具，添加2个页面，重命名为规则页与游戏页。

2、选中规则页，点击中文字体工具，添加规则文字。

3、选中规则页，点击按钮工具，添加开始游戏按钮。

4、选中按钮工具，点击事件。触发对象手指按下，目标对象舞台，目标动作跳转至游戏页。

选中游戏页，点击图片工具，上传背景图片。

2、选中游戏页，点击滑动时间轴工具，在舞台上画一个区域。重命名为导弹。

3、选中滑动时间轴，点击图片工具，上传导弹底座图片。点击透明按钮工具添加透明按钮，选中透明按钮，上传导弹图片。

4、选中透明按钮，点击轨迹工具，制作炮弹从左往右移动的效果。

5、选中导弹图片，点击缓动工具，添加导弹飞出去的效果。

1、选中游戏页，点击时间轴工具，添加时间轴，上传飞机图片，制作飞机往左飞的效果。舞台页面属性面板剪切选择NO，可以看到舞台外的图片。

2、选中飞机，点击图片工具，上传一张空白图片，作为机身定位，导弹碰到机身定位才算打中，碰到飞机尾不算打中。

3、选中飞机，点击图片工具，上传火的GIF图片，隐藏此图片，之后通过事件使之显示。

4、选中飞机，点击动效工具，添加飞机被打中后掉落的效果。

选中滑动时间轴，点击事件工具，添加事件。触发条件触摸结束，目标对象导弹的缓动，目标动作开始。

2、选中导弹图片，点击事件组，触发条件碰撞。

3、选中事件组，点击事件工具，添加3个事件。导弹碰撞大飞机后，飞机上的火显示，飞机的掉落动效开始，和导弹的缓动重置，即回到原位置。

4、选中导弹缓动，添加事件，缓动结束，缓动重置，即没有打中飞机，也回到原位置。

5、选中飞机动效，点击事件工具，添加3个事件。动效开始时，飞机时间轴暂停，动效结束时，掉落动效重置，并且飞机时间轴从头播放。

1、选中游戏页，点击计数器工具，添加记分计数器。

2、选中舞台，点击变量工具，变量名称是A。计数器绑定变量1.

3、选中火，添加事件。火显示，计数器加1。

1、选中游戏页，点击时间轴工具和计数器工具，制作倒计时。计数器初始值30秒，即30秒内能打中的飞机数。

2、选中时间轴，添加事件。

1、选中游戏页，添加结果图片，与计数器。隐藏结果图片，之后通过事件使之显示。

2、选中倒计时计数器，添加事件。倒计时等于0，结果图片显示。

3、选中结果，添加2个事件。让结果计数器显示打中的飞机数。微信设定标题，我打了$A架飞机。

先行知识：滑动时间轴、时间轴、事件

重点控件：滑动时间轴、滑动、时间轴、动效、计数器、变量、事件

知识点:

1、碰撞：碰撞后触发动作，即触发对象碰撞指定的对象时。碰撞的选项中，中心距离分为“中心碰撞”和“边缘碰撞”，“中心碰撞”是碰撞到指定对象的中心才会触发动作，“边缘碰撞”是碰撞到制定对象的边缘才会触发动作，距离的大小决定了碰撞的准确度，假如边缘碰撞，距离设置为80，还没接触到指定对象碰撞就会开始和触发动作；勾选速度优化为YES，能优化触发对象在碰撞过程中的移动速度。

2、变量：可变化的值。与计数器、文本、输入框、时间轴等配合使用，传递内容。

3、微信设定标题：自定义在微信转发作品或分享作品时的标题。

重点事件：

触发对象：滑动时间轴

触发条件：触摸结束

目标对象：缓动

目标动作：开始

触发对象：导弹图片

触发条件：碰撞

对象：机身定位

中心距离：边缘碰撞

距离：0