下面我们一起来学习iH5高级教程:H5小游戏必学,制作找茬游戏
工具/原料
iH5
方法/步骤
1、选中舞台,点击页面工短铘辔嗟具,添加7个页面,重命名为封面、法国、韩国、加拿大、美国、失败、成功。其中法国、韩国、加拿大、美国为游戏页面。选中法国,盼内溲铫点击图片工具,上传背景图片。选中法国页面,点击透明按钮工具,在不同处画一个框,此处将透明按钮添加绿色,方便观察。选中法国页面,点击图片工具,添加红框图片。隐藏图片前面的勾,即让图片初始不可见,之后通过事件使之可见。选中法国页面,点击计数器工具,添加计数器。
2、选中透明按钮,点击事件组工具,触发条件手指按下,选中事件组,添加2个事件。选中一组红框图片中的一个,添加事件。选中计数器,添加事件。
3、选中舞台,点击时间轴工具,添加一秒时间轴。选中舞台,点击计数器工具,添加计数器,重命名为倒计时,初始值为60。选中时间轴,添加事件。时间轴结束,计数器减1。选中计数器,添加事件。即60秒倒计时完毕,没有完成游戏,跳转至失败页面。
4、选中失败页面,点击图片工具,上传再来一局的图片。选中图片,点击事件工具,添加重新加载事件。
5、选中舞台,点击变量工具,添加2个变量,变量名称为a和b。倒计时计数器绑定变量1。选中成功页面,点击图片工具,上传2张图片,分享给朋友与分享图片,隐藏分享图片,之后通过事件使之显示。选中分享给朋友图片,点击事件工具,添加3个事件。分享图片显示,变量2赋值60-$a,微信设定标题,我用了$b秒通关。例如,倒计时会显示剩下多少时间,剩下10秒($a)的时候通关,即用了50秒($b)通关成功。
6、先行知识:图片、透明按钮、计数器、事件重点控件:页声矜檠鹣面、图片、透明按钮、时间轴、计数器、变量、事件、微信设定标题知识点:变量:可变化的值撅掏浑锌。与计数器、文本、输入框、时间轴等配合使用,传递内容。微信设定标题:自定义在微信转发作品或分享作品时的标题。重点事件:触发对象:透明按钮触发条件:手指按下目标对象:红框图片目标动作:显示触发对象:红框图片触发条件:显示目标对象:计数器目标动作:加1触发对象:分享给好友图片触发条件:手指按下目标对象:变量2目标动作:赋值数值值:60-$a触发对象:分享给好友图片触发条件:手指按下目标对象:舞台目标动作:微信设定标题值:我用了$b秒通关!