iH5高级教程:H5小游戏必学,制作找茬游戏

时间:2022-08-15 15:24:02 公文范文 来源:网友投稿

下面是小编为大家整理的iH5高级教程:H5小游戏必学,制作找茬游戏,供大家参考。

iH5高级教程:H5小游戏必学,制作找茬游戏

 

 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小游戏必学 制作找茬游戏 小游戏 找茬 高级