CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统
前面我们实现了整个游戏的流程，下面我们来完善游戏的积分系统。。先来分析下游戏的积分，第一次展示积分的地方就是我们的游戏主场景MainScene，玩家通过一些机制来获取积分，实现积分的更新，当玩家游戏结束后展示玩家所获的的当前积分。
我们一开始制作游戏场景的时候就制作了一个积分节点score，其string属性值为0。打开GAME.js脚本可以发现，一开始的时候我们onLoad方法就初始化了积分。
接着我们在GAME.js脚本里新添加一个函数来实现积分的更新。代码如下：
01 |
//GAME.js |
02 |
//....省略... |
03 |
04 |
//积分更新 |
05 |
gainScore: function () { |
06 |
this.score += 1; |
07 |
// 更新 scoreDisplay Label 的文字 |
08 |
this.scoreDisplay.string = this.score.toString(); |
09 |
|
10 |
cc.sys.localStorage.setItem("ScoreDis" ,this.scoreDisplay.string);//本地存储 |
11 |
|
12 |
}, |
13 |
|
14 |
//.....省略... |
这段代码的意思是实现积分＋1，增长一个积分。并把积分存储到本地，注意本地存储代码。。。那么什么时候才增长积分呢？？
在触摸屏幕接触的时候，如果背景滚动我们就增加一个积分。添加代码位置如下图：
这样每次玩家移动带动背景滚动的时候，积分就会更新。积分更新到时候会存储到本地，这样我们游戏结束的时候就可以正确的显示出来。
新建GameOverScore.js脚本，代码如下：
01 |
//GameOverScore.js |
02 |
cc.Class({ |
03 |
extends: cc.Component, |
04 |
properties: { |
05 |
//积分更新 |
06 |
Scores: { |
07 |
default: null, |
08 |
type: cc.Label |
09 |
}, |
10 |
}, |
11 |
//积分更新 |
12 |
disScore: function () { |
13 |
this.score = cc.sys.localStorage.getItem("ScoreDis");//读取本地存储的积分 |
14 |
// 更新 scoreDisplay Label 的文字 |
15 |
this.Scores.string = "Score: " + this.score.toString();//显示 |
16 |
}, |
17 |
|
18 |
// use this for initialization |
19 |
onLoad: function () { |
20 |
this.disScore();//首次加载时候调用 |
21 |
}, |
22 |
|
23 |
// called every frame, uncomment this function to activate update callback |
24 |
// update: function (dt) { |
25 |
|
26 |
|
27 |
// }, |
28 |
}); |
这段代码的意识是加载的时候，onLoad函数调用积分更新的方法，实现从本地读取游戏场景中存储的积分。
双击打开GameOver场景，如图：
为GameOver场景Canvas绑定刚刚新建的GameOverScore.js脚本。并把score组件拖进scores进行绑定。
这样游戏结束的时候，就会更新score节点组件的显示内容。下面我们来测试下。双击打开主场景，从游戏场景开始测试积分的更新，以及游戏结束的积分显示。
是不是很好玩啊，哈哈。加个积分排行榜更好啊，以后 慢慢扩展来。。。
到此我们整个游戏已经算完成了，当然一个游戏不能没有声音和音效，下面我们来添加声音系统功能。。。
原文地址：https://www.byjth.com/jixiantiaoyue/73.html