iH5高级教程:H5小游戏必学,制作找茬游戏
1、选中舞台,点击页面工具,添加7个页面,重命名为封面、法国、韩国、加拿大、美国、失败、成功。其中法国、韩国、加拿大、美国为游戏页面。
2、选中法国,点击图片工具,上传背景图片。
3、选中法国页面,点击透明按钮工具,在不同处画一个框,此处将透明按钮添加绿色,方便观察。
4、选中法国页面,点击图片工具,添加红框图片。隐藏图片前面的勾,即让图片初始不可见,之后通过事件使之可见。
5、选中法国页面,点击计数器工具,添加计数器。







2、选中透明按钮,点击事件组工具,触发条件手指按下,选中事件组,添加2个事件。
2、选中一组红框图片中的一个,添加事件。
3、选中计数器,添加事件。





3、选中舞台,点击时间轴工具,添加一秒时间轴。
2、选中舞台,点击计数器工具,添加计数器,重命名为倒计时,初始值为60。
3、选中时间轴,添加事件。时间轴结束,计数器减1。
4、选中计数器,添加事件。即60秒倒计时完毕,没有完成游戏,跳转至失败页面。




4、选中失败页面,点击图片工具,上传再来一局的图片。
2、选中图片,点击事件工具,添加重新加载事件。


5、选中舞台,点击变量工具,添加2个变量,变量名称为a和b。
2、倒计时计数器绑定变量1。
3、选中成功页面,点击图片工具,上传2张图片,分享给朋友与分享图片,隐藏分享图片,之后通过事件使之显示。
4、选中分享给朋友图片,点击事件工具,添加3个事件。分享图片显示,变量2赋值60-$a,微信设定标题,我用了$b秒通关。例如,倒计时会显示剩下多少时间,剩下10秒($a)的时候通关,即用了50秒($b)通关成功。








6、
先行知识:图片、透明按钮、计数器、事件
重点控件:页面、图片、透明按钮、时间轴、计数器、变量、事件、微信设定标题
知识点:
变量:可变化的值。与计数器、文本、输入框、时间轴等配合使用,传递内容。
微信设定标题:自定义在微信转发作品或分享作品时的标题。
重点事件:
触发对象:透明按钮
触发条件:手指按下
目标对象:红框图片
目标动作:显示
触发对象:红框图片
触发条件:显示
目标对象:计数器
目标动作:加1
触发对象:分享给好友图片
触发条件:手指按下
目标对象:变量2
目标动作:赋值数值
值:60-$a
触发对象:分享给好友图片
触发条件:手指按下
目标对象:舞台
目标动作:微信设定标题
值:我用了$b秒通关!