Cocos Creator | 挤水果小游戏实现 ( 二 )

点击上方蓝字关注我

预览效果 

玩法介绍 

■ 具体玩法,可以搜微信小游戏【挤水果】,只实现了部分功能。游戏开始后,点击屏幕,出现标尺,松开后,水果上的水滴滴落到杯子中,单局中没有落入杯子中的水滴数不超过 3 完成游戏,表示游戏成功,否则失败。这一期讲解 4 部分的实现:

1. 新手引导显示控制;

2. 水滴落入杯子水位变化;

3. 得分控制;

4. 出界控制。

新手引导 

■ 新手引导独立一个节点,所有新手引导需要显示的内容,都放在这个根节点上,根节点上挂在新手引导控制脚本 Newer ,脚本内监听触摸事件,点击开始,直接隐藏整个新手引导节点即可。

滴入水位变化 

■ 游戏开始前,已经规定,水杯总共滴入多少水滴,水位能满,中途滴入水滴后,动态更新水位,如下图,我设置的总共 5 滴水滴入,水杯装满水,途中是已经滴入了4滴水后的效果。

■ 水杯内水位的变化,分两部分,一部分显示水,一部分显示杯子。显示水的部分,使用遮罩图控制显示,水杯就使用一张精灵显示,给水杯左、右、下,设置好水杯的物理碰撞事件,具体方法,第一篇有讲。下图就是水位部分,遮罩之前的效果。

■ 水位的变化,就是通过修改水位图的高度就行,初始时,0 水位高度就是 0,假设最大高度是 300,按照总共 5 滴水计算,第 n 滴水入杯以后,水位的高度就是 n / 5 * 300,水位的图片,锚点设置在 (0.5, 0)

■ 游戏过程中,水滴滴落到杯子底部或者滴落到水面,都视作成功滴入,所以需要给变化的水位,添加物理碰撞区域,还需要根据水位的变化,动态的修改物理碰撞区域的大小和位置,要注意的是,修改成功以后,调用 apply 方法才能生效。

得分控制 

■ 上一篇讲到,水滴通过不同区域进入水杯,得到不同的分数,白色、黄色、蓝色依次得分是 3、2、1 分,只需要在三个不同区域添加物品碰撞的触发器即可,监听触发器的开始事件,给 3、2、1 区域,分别设置不同的 tag ,触发以后,根据 tag 判断,是经由哪个区域进入到水杯的。

出界控制 

■ 出界的控制,类似得分控制,在屏幕的左、右、下方,设置好物理边界的触发器,设置不同 tag ,以区分标尺的触发器,我这里 tag 设置成 0,也就是表示得 0 分。出界以后,通知到游戏界面,更新剩余的水滴数量,就是下图左上角 3 个水滴即可实现剩余生命显示的控制。

   

往期精选

精品游戏大炮英雄附带代码!

精品动物同化附代码!

完整代码左右跳!

陀螺仪重力球代码奉上!

100关推箱子代码免费获取!

拼手速的游戏代码!

打地鼠有代码!

3D篮球投篮附代码!

3D足球射门附代码!

如何使用3D素材试玩3D!

2D游戏忍者跳跃代码~

2D游戏沙滩足球代码~

挤水果小游戏实现(一)

扫描二维码

获取更多精彩

一枚小工

让我知道你在看

发布了46 篇原创文章 · 获赞 14 · 访问量 3899
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览