首页 > 代码库 > Cocos2d JS 之消灭星星(四) 游戏主场景顶部显示
Cocos2d JS 之消灭星星(四) 游戏主场景顶部显示
1 /* 2 * 游戏主场景顶部显示信息 3 */ 4 var GameTopInformation = ccui.Layout.extend( 5 { 6 size:null, 7 isPause:false,//是否暂停游戏 8 maxScoreLabel:null,//最高纪录 9 getScoreNum:null,//当前得分 10 currentLevel:null,//当前关卡 11 ctor:function() 12 { 13 this._super(); 14 this.zinit(); 15 this.setInformation(); 16 }, 17 //信息设置 18 setInformation:function() 19 { 20 var maxRecord = new myImage(res.maxrecord); 21 maxRecord.x = 10; 22 maxRecord.y = this.size.height - maxRecord.height - 20; 23 this.addChild(maxRecord, 1); 24 25 var maxScore = new myImage(res.maxscore); 26 maxScore.x = maxRecord.x + maxRecord.width + 30; 27 maxScore.y = maxRecord.y; 28 this.addChild(maxScore, 1); 29 30 this.maxScoreLabel = new myText("0", white, 26); 31 this.maxScoreLabel.x = maxScore.x+(maxScore.width - this.maxScoreLabel.width)/2; 32 this.maxScoreLabel.y = maxScore.y; 33 this.addChild(this.maxScoreLabel, 2); 34 //暂停和继续游戏控制按钮 35 var pauseGameBtn = new myButton(res.pause); 36 pauseGameBtn.x = this.size.width - pauseGameBtn.width - 10; 37 pauseGameBtn.y = this.maxScoreLabel.y; 38 this.addChild(pauseGameBtn, 1); 39 pauseGameBtn.addTouchEventListener(this.pauseGameBtnFunc, this); 40 //过关text 41 var guoguanImg = new myImage(res.guoguan); 42 guoguanImg.x = 0; 43 guoguanImg.y = maxRecord.y - guoguanImg.height - 20; 44 this.addChild(guoguanImg, 1); 45 //当前关卡 46 var currentLevelImg = new myImage(res.level); 47 currentLevelImg.x = guoguanImg.x + guoguanImg.width; 48 currentLevelImg.y = guoguanImg.y; 49 this.addChild(currentLevelImg, 1); 50 51 this.currentLevel = new myText("1", white, 24); 52 this.currentLevel.x = currentLevelImg.x + (currentLevelImg.width -this.currentLevel.width)/2 53 this.currentLevel.y = currentLevelImg.y; 54 this.addChild(this.currentLevel, 1); 55 //目标分数 56 var targetImg = new myImage(res.target); 57 targetImg.x = currentLevelImg.x + currentLevelImg.width + 20; 58 targetImg.y = currentLevelImg.y; 59 this.addChild(targetImg, 1); 60 61 var targetImgbg = new myImage(res.targetBar); 62 targetImgbg.x = this.size.width - targetImgbg.width - 10; 63 targetImgbg.y = targetImg.y; 64 this.addChild(targetImgbg, 1); 65 66 var targetScore = new myText("1000", white, 25); 67 targetScore.x = targetImgbg.x +(targetImgbg.width - targetScore.width)/2; 68 targetScore.y = targetImgbg.y; 69 this.addChild(targetScore, 1); 70 //得分 71 var getScore = new myImage(res.defen); 72 getScore.x = this.size.width - getScore.width >> 1; 73 getScore.y = targetScore.y - getScore.height - 10; 74 this.addChild(getScore, 1); 75 76 var getScoreBg = new myImage(res.defenBar); 77 getScoreBg.x = this.size.width - getScoreBg.width >> 1; 78 getScoreBg.y = getScore.y - getScoreBg.height - 10; 79 this.addChild(getScoreBg, 1); 80 81 this.getScoreNum = new myText("000", white, 25); 82 this.getScoreNum.x = this.size.width - this.getScoreNum.width>>1; 83 this.getScoreNum.y = getScoreBg.y; 84 this.addChild(this.getScoreNum, 1); 85 86 }, 87 //暂停和继续游戏控制按钮侦听函数 88 pauseGameBtnFunc:function(target, state) 89 { 90 if(state == ccui.Widget.TOUCH_ENDED)//松开 91 { 92 if(this.isPause) 93 { 94 cc.log("is game pause"); 95 target.setOpacity(255); 96 this.isPause = false; 97 } 98 else 99 {100 cc.log("continue game");101 target.setOpacity(150);102 this.isPause = true;103 }104 }105 },106 //初始化107 zinit:function()108 {109 this.size = cc.size(480, 300);110 this.setSize(this.size);111 }112 });
/**************************effect image*******************************/
Cocos2d JS 之消灭星星(四) 游戏主场景顶部显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。