用cocos2d-html5做的消除类游戏《英雄爱消除》(4)——游戏结束

游戏结束界面：

在前面几个教程中，这个界面的创作所需要的知识点基本我们都讲过了，这里就说下用户数据的缓存吧，也是先来看下源码

/**
 * Power by  html5中文网(html5china.com)
 * author: jackyWHJ
 */
var GameOver = cc.Layer.extend({
    init:function () {
        var bRet = false;
        if (this._super()) {
            var sp = cc.Sprite.create(s_b05);
            sp.setAnchorPoint( cc.p(0,0) );
            this.addChild(sp, 0, 1);

            var logo = cc.Sprite.create(s_gameOver);
            logo.setAnchorPoint(cc.p(0,0));
            logo.setPosition(20,350);
            this.addChild(logo,10,1);

            var playAgainNormal = cc.Sprite.create(s_menu, cc.rect(378, 0, 126, 33));
            var playAgainSelected = cc.Sprite.create(s_menu, cc.rect(378, 33, 126, 33));
            var playAgainDisabled = cc.Sprite.create(s_menu, cc.rect(378, 33 * 2, 126, 33));

            var playAgain = cc.MenuItemSprite.create(playAgainNormal, playAgainSelected, playAgainDisabled, function(){
                flareEffect(this,this,this.onPlayAgain);
            }.bind(this) );

            var menu = cc.Menu.create(playAgain);
            this.addChild(menu, 1, 2);
            menu.setPosition(winSize.width / 2, 280);

            if(!localStorage.getItem("bestScore")){
                localStorage.setItem("bestScore",g_sharedGameLayer._timeString);
            };
            var lbScore = cc.LabelTTF.create("TIME "+g_sharedGameLayer._timeString,"Forte",26);
            lbScore.setPosition(winSize.width / 2,200);
            lbScore.setColor(cc.c3b(200,38,12));
//            lbScore.enableStroke(cc.c3b(0,0,0), 26);
            this.addChild(lbScore,10);

            var bestString = localStorage.getItem("bestScore");
            var bestArr = bestString.split(":");
            var sTime = bestArr[0]*60 + bestArr[1];
            if(sTime > g_sharedGameLayer._time){
                localStorage.setItem("bestScore",g_sharedGameLayer._timeString);
            }
            var bestScore = cc.LabelTTF.create("BEST TIME "+ localStorage.getItem("bestScore"),"Forte",26);
            bestScore.setPosition(180,150);
            bestScore.setColor(cc.c3b(200,38,12));
            this.addChild(bestScore,10);

            if(LLK.SOUND){
                cc.AudioEngine.getInstance().playMusic(s_mainMainMusic_mp3);
            }
            bRet = true;
        }
        return bRet;
    },
    onPlayAgain:function (pSender) {
        var scene = cc.Scene.create();
        scene.addChild(GameLayer.create());
        scene.addChild(GameControlMenu.create());
        cc.Director.getInstance().replaceScene(cc.TransitionFade.create(1.2,scene));
    }
});

GameOver.create = function () {
    var sg = new GameOver();
    if (sg && sg.init()) {
        return sg;
    }
    return null;
};

GameOver.scene = function () {
    var scene = cc.Scene.create();
    var layer = GameOver.create();
    scene.addChild(layer);
    return scene;
};

　　这里游戏数据的缓存我们是使用本地缓存localStorage来做的

 　　　　　　if(!localStorage.getItem("bestScore")){
                localStorage.setItem("bestScore",g_sharedGameLayer._timeString);
            };
            var lbScore = cc.LabelTTF.create("TIME "+g_sharedGameLayer._timeString,"Forte",26);
            lbScore.setPosition(winSize.width / 2,200);
            lbScore.setColor(cc.c3b(200,38,12));
//            lbScore.enableStroke(cc.c3b(0,0,0), 26);
            this.addChild(lbScore,10);

　　首先，我们先判断是否存在本体缓存数据，不存在的话我们就添加缓存数据并且把当前的游戏时间通过 cc.LabelTTF添加到Layer上。所过存在缓存数据，我们则取出缓存数据并且与当前游戏进行比较，然后缓存最好成绩并添加到Layer上

 　　　　　　var bestString = localStorage.getItem("bestScore");
            var bestArr = bestString.split(":");
            var sTime = bestArr[0]*60 + bestArr[1];
            if(sTime > g_sharedGameLayer._time){
                localStorage.setItem("bestScore",g_sharedGameLayer._timeString);
            }