iH5高级教程:H5小游戏必学,制作找茬游戏iH5高级教程:H5小游戏必学,制作找茬游戏
第一步:
1、选中舞台,点击页面工具
,添加7个页面,重命名为封面、法国、韩国、加拿大、美国、失败、成功。其中法国、韩国、加拿大、美国为游戏页面。
2、选中法国,点击图片工具,上传背景图片。
3、选中法国页面,点击透明按钮工具,在不同处画一个框,此处将透明按钮添加绿色,方便观察。
4、选中法国页面,点击图片工具,添加红框图片。隐藏图片前面的勾,即让图片初始不可见,之后通过事件使之可见。
5、选中法国页面,点击计数器工具
,添加计数器。
第二步:
1、...
iH5高级教程:H5小游戏必学,制作找茬游戏
第一步:
1、选中舞台,点击页面工具
,添加7个页面,重命名为封面、法国、韩国、加拿大、美国、失败、成功。其中法国、韩国、加拿大、美国为游戏页面。
2、选中法国,点击图片工具,上传背景图片。
3、选中法国页面,点击透明按钮工具,在不同处画一个框,此处将透明按钮添加绿色,方便观察。
4、选中法国页面,点击图片工具,添加红框图片。隐藏图片前面的勾,即让图片初始不可见,之后通过事件使之可见。
5、选中法国页面,点击计数器工具
,添加计数器。
第二步:
1、选中透明按钮,点击事件组工具
,触发条件手指按下,选中事件组,添加2个事件
。
2、选中一组红框图片中的一个,添加事件
。
3、选中计数器,添加事件
。
第三步:制作倒计时
1、选中舞台,点击时间轴工具
,添加一秒时间轴。
2、选中舞台,点击计数器工具
,添加计数器,重命名为倒计时,初始值为60。
3、选中时间轴,添加事件
。时间轴结束,计数器减1。
4、选中计数器,添加事件
。即60秒倒计时完毕,没有完成游戏,跳转至失败页面。
第四步:
1、选中失败页面,点击图片工具
,上传再来一局的图片。
2、选中图片,点击事件工具
,添加重新加载事件。
第五步:
1、选中舞台,点击变量工具
,添加2个变量,变量名称为a和b。
2、倒计时计数器绑定变量1。
3、选中成功页面,点击图片工具
,上传2张图片,分享给朋友与分享图片,隐藏分享图片,之后通过事件使之显示。
4、选中分享给朋友图片,点击事件工具
,添加3个事件。分享图片显示,变量2赋值60-$a,微信设定标题,我用了$b秒通关。例如,倒计时会显示剩下多少时间,剩下10秒($a)的时候通关,即用了50秒($b)通关成功。
先行知识:图片、透明按钮、计数器、事件
重点控件:页面、图片、透明按钮、时间轴、计数器、变量、事件、微信设定标题
知识点:
变量:可变化的值。与计数器、文本、输入框、时间轴等配合使用,传递内容。
微信设定标题:自定义在微信转发作品或分享作品时的标题。
重点事件:
触发对象:透明按钮
触发条件:手指按下
目标对象:红框图片
目标动作:显示
触发对象:红框图片
触发条件:显示
目标对象:计数器
目标动作:加1
触发对象:分享给好友图片
触发条件:手指按下
目标对象:变量2
目标动作:赋值数值
值:60-$a
触发对象:分享给好友图片
触发条件:手指按下
目标对象:舞台
目标动作:微信设定标题
值:我用了$b秒通关!
本文档为【iH5高级教程:H5小游戏必学,制作找茬游戏】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。