小游戏（四）

添加主角碰触收集星星的行为
打开 Game 脚本，在 spawnNewStar 方法最后面添加一句 newStar.getComponent(‘Star’).game = this;

// Game.js
spawnNewStar: function() {
// …
// 在星星组件上暂存 Game 对象的引用
newStar.getComponent(‘Star’).game = this;
},

保存后打开 Star 脚本，利用 Game 组件中引用的 player 节点来判断距离，在 onLoad 方法后面添加getPlayerDistance 和 onPicked 的方法：

// Star.js
getPlayerDistance: function () {
// 根据 player 节点位置判断距离
var playerPos = this.game.player.getPosition();
// 根据两点位置计算两点之间距离
var dist = this.node.position.sub(playerPos).mag();
return dist;
},

onPicked: function() {
    // 当星星被收集时，调用 Game 脚本中的接口，生成一个新的星星
    this.game.spawnNewStar();
    // 然后销毁当前星星节点
    this.node.destroy();
},

然后在 update 方法中添加每帧判断距离，如果距离小于 pickRadius 属性规定的收集距离，就执行收集行为：

// Star.js
update: function (dt) {
// 每帧判断和主角之间的距离是否小于收集距离
if (this.getPlayerDistance() < this.pickRadius) {
// 调用收集行为
this.onPicked();
return;
}
},

不知道为什么键盘没用，这是个问题。
在 Game 脚本中添加得分

// Game.js
properties: {
// …
// score label 的引用
scoreDisplay: {
default: null,
type: cc.Label
}
},

接下来在 onLoad 方法 里面 添加了初始分为0.

// Game.js
onLoad: function () {
// …
// 初始化计分
this.score = 0;
},

然后在 update 方法 后面 添加名叫 gainScore 的新方法：

// Game.js
gainScore: function () {
this.score += 1;
// 更新 scoreDisplay Label 的文字
this.scoreDisplay.string = 'Score: ’ + this.score;
},

之后调用得分方法
下面打开 Star 脚本，在 onPicked 方法中加入 gainScore 的调用：

// Star.js
onPicked: function() {
// 当星星被收集时，调用 Game 脚本中的接口，生成一个新的星星
this.game.spawnNewStar();
// 调用 Game 脚本的得分方法
this.game.gainScore();
// 然后销毁当前星星节点
this.node.destroy();
},

预览后：

还有很多问题需要改动，先保留