六 CocosEditor基础教程第二季 之得分界面

前言：

这一节创建一个和pauseLayer差不多的scoreLayer界面，每个游戏结束都需要展示分数；

如果怪物被击中三次，显示结束分数界面；

效果图

代码下载

https://github.com/makeapp/cocoseditor-samples （snow-score）

代码分析

1 创建ScoreLayer.ccbx主要里面的元素target是Owner自定义，而不是doc；

2 游戏结束函数；

从ccbx下载关联scoreData，that.scoreLayer = cc.BuilderReader.loadAsNodeFrom("", "ScoreLayer", scoreData);

scoreData里面有三个函数 一个显示星星个数的scoreGrade，根据你玩的情况给出评级，这里默认两个星；

另两个是按钮事件onScoreRenewClicked重新开始和onScoreNextClicked回到选关界面

MainLayer.prototype.gameOver = function () {//show score layer    this.gameStatus = END;    this.currentLevelStarNum = 2;    var that = this;    this.rootNode.scheduleOnce(function () {        var scoreData = {            star1: {},            star2: {},            star3: {},            scoreGrade: function () {                var stars = [this.star1, this.star2, this.star3];                for (var i = 0; i < stars.length; i++) {                    if (i < that.currentLevelStarNum) {                        stars[i].initWithSpriteFrameName("m_star_s.png");                    }                }            },            onScoreReplayClicked: function () {                cc.Director.getInstance().resume();                cc.BuilderReader.runScene("", "MainLayer");            },            onScoreLevelClicked: function () {                cc.Director.getInstance().resume();                cc.BuilderReader.runScene("", "GameSelectLayer");            }        };        that.scoreLayer = cc.BuilderReader.loadAsNodeFrom("", "ScoreLayer", scoreData);        that.scoreLayer.setPosition(cc.p(0.5, 0.5));        that.scoreLayer.setZOrder(10000);        that.rootNode.addChild(that.scoreLayer);        cc.AudioEngine.getInstance().stopAllEffects();        cc.AudioEngine.getInstance().stopMusic(true);        scoreData.rootNode = that.scoreLayer;        scoreData.controller = that;        scoreData.scoreGrade();        cc.Director.getInstance().pause();    }, 0.5)}

over；