首页 > 代码库 > 用cocos2d-html5做的消除类游戏《英雄爱消除》(4)——游戏结束
用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); }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。