[COCOS2D] CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

[复制链接]
星空 发表于 2019-1-12 22:04:01 | 显示全部楼层 |阅读模式
CocosCreator制作H5游戏《抢月饼》教程6实现游戏的结束场景和积分显示
我们到目前还剩下最后一个场景,结束的场景。同样我们创建一个场景并命名为GameOver。
我们添加游戏的背景scorebg,添加积分显示的label,重命名为score。在添加一个按钮replayBtn。
如图所示:

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
界面创建好后,我们需要实现积分的显示。游戏结束后我们需要积分显示出来,积分我们在myscore.js文件里已经实现本地存储了。这里我们需要读取出来。
我们创建新的脚本文件score.js。绑定结束场景的积分label,实现读取本地积分并展示出来。

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
保存后,我们在场景中点击score节点,绑定脚本。然后把score节点拖进来进行组件绑定。

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
到此我们三个场景都完成了,还有一点点小功能没有做。
例如第一个场景开始游戏按钮的功能,第三个场景的再来一次按钮的功能。这两个按钮都是切换到游戏主场景的。所以是共用一个脚本方法即可。
创建gameBut.js脚本文件。代码如下:

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
然后我们绑定到GameBegin场景中的开始游戏按钮上。然后增加一个点击事件,然后从层级管理器中把startBtn节点拖进事件中进行绑定,然后选择脚本名称以及脚本的方法。如图:

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
同样的我们在结束场景也是同样的操作。绑定脚本以及组件和方法。

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分

CocosCreator制作H5游戏《抢月饼》教程6实现游戏结束场景积分
到此我们的整个游戏算是好了,可以测试下整个游戏的效果及流程。
【代码资源】# s8 d- w2 k/ G) }# g
/ g. ?4 x  ^1 A: a: `' j8 S
3 y. F( e. C9 }' p% v
哎...今天够累的,签到来了游戏源码下载...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则