进入游戏主场景,游戏需要临时暂停、重新选关、重新玩等等,所以玩家点击暂停按钮,弹出一个选择悬浮层,这一节我们来实现;
效果如下:
点击右上角游戏暂停;
返回回到开始界面;
代码下载:http://www.kuaipan.cn/file/id_25348935635744972.htm?source=1
首先创建一个PauseLayer.ccbx,设计如下图,包括一个精灵和三个按钮,一个返回按钮、重新开始按钮、选关按钮;
给每一个MenuItem安排点击事件,指定target,图片资源;
打开MainLayer.ccbx,添加暂停按钮;
打开MainLayer.js,首先给暂停按钮事件;
- MainLayer.prototype.onPauseClicked = function () { //点击暂停游戏
- this.pausedLayer = cc.BuilderReader.loadAsNodeFrom("", "PauseLayer", this);
- this.pausedLayer.setPosition(cc.p(0, 0));
- this.pausedLayer.setZOrder(200);
- this.rootNode.addChild(this.pausedLayer);
- this.paused = true;
- cc.AudioEngine.getInstance().stopMusic();
- cc.Director.getInstance().pause();
- }
然后给返回和重新开始安排点击事件;
- MainLayer.prototype.onRenewClicked = function () { //返回到开始界面
- cc.Director.getInstance().resume();
- cc.log("onRenewClicked");
- cc.BuilderReader.runScene("", "StartLayer");
- }
- MainLayer.prototype.onReplayClicked = function () { //新游戏
- cc.Director.getInstance().resume();
- cc.log("onReplayClicked");
- cc.BuilderReader.runScene("", "MainLayer");
- }
MainLayer,js全部代码;
- //
- // CleanerScoreScene class
- //
- var MainLayer = function () {
- cc.log("MainLayer")
- this.scoreLabel = this.scoreLabel || {};
- this.monster = this.monster || {};
- this.score = 123;
- };
- MainLayer.prototype.onDidLoadFromCCB = function () {
- if (sys.platform == 'browser') {
- this.onEnter();
- }
- else {
- this.rootNode.onEnter = function () {
- this.controller.onEnter();
- };
- }
- this.rootNode.schedule(function (dt) {
- this.controller.onUpdate(dt);
- });
- this.rootNode.onExit = function () {
- this.controller.onExit();
- };
- this.rootNode.onTouchesBegan = function (touches, event) {
- this.controller.onTouchesBegan(touches, event);
- return true;
- };
- this.rootNode.onTouchesMoved = function (touches, event) {
- this.controller.onTouchesMoved(touches, event);
- return true;
- };
- this.rootNode.onTouchesEnded = function (touches, event) {
- this.controller.onTouchesEnded(touches, event);
- return true;
- };
- this.rootNode.setTouchEnabled(true);
- };
- MainLayer.prototype.onEnter = function () {
- var flowerParticle = cc.ParticleSystem.create("Resources/particles/flower.plist");
- flowerParticle.setAnchorPoint(cc.p(0.5, 0.5));
- flowerParticle.setPosition(cc.p(60, 160));
- flowerParticle.setPositionType(1);
- this.monster.addChild(flowerParticle);
- cc.AudioEngine.getInstance().playMusic("Resources/sounds/bg_music.mp3", true);
- }
- MainLayer.prototype.monsterMove = function (x, y) {
- this.monster.stopAllActions();
- cc.AnimationCache.getInstance().addAnimations("Resources/snow_frame.plist");//添加帧动画文件
- var action0 = cc.Sequence.create(cc.MoveTo.create(5, cc.p(x, y))); //向前移动
- var actionFrame = cc.Animate.create(cc.AnimationCache.getInstance().getAnimation("monster")); //获取帧动画
- var action1 = cc.Repeat.create(actionFrame, 90000);
- var action2 = cc.Spawn.create(action0, action1); //同步动画
- this.monster.runAction(action2);
- }
- MainLayer.prototype.createParticle = function (name, x, y) {
- var particle = cc.ParticleSystem.create("Resources/particles/" + name + ".plist");
- particle.setAnchorPoint(cc.p(0.5, 0.5));
- particle.setPosition(cc.p(x, y));
- particle.setPositionType(1);
- particle.setDuration(3);
- this.rootNode.addChild(particle);
- }
- MainLayer.prototype.onUpdate = function (dt) {
- this.score += dt;
- this.scoreLabel.setString(Math.floor(this.score));
- }
- MainLayer.prototype.onExitClicked = function () {
- cc.log("onExitClicked");
- }
- MainLayer.prototype.onExit = function () {
- cc.log("onExit");
- }
- MainLayer.prototype.onRenewClicked = function () { //返回到开始界面
- cc.Director.getInstance().resume();
- cc.log("onRenewClicked");
- cc.BuilderReader.runScene("", "StartLayer");
- }
- MainLayer.prototype.onReplayClicked = function () { //新游戏
- cc.Director.getInstance().resume();
- cc.log("onReplayClicked");
- cc.BuilderReader.runScene("", "MainLayer");
- }
- /*MainLayer.prototype.onReturnClicked = function () { //返回游戏
- cc.log("onReturnClicked");
- if (this.paused) {
- if (this.pausedLayer) {
- this.pausedLayer.removeFromParent();
- this.pausedLayer = null;
- }
- cc.Director.getInstance().resume();
- this.paused = false;
- }
- }*/
- MainLayer.prototype.onPauseClicked = function () { //点击暂停游戏
- this.pausedLayer = cc.BuilderReader.loadAsNodeFrom("", "PauseLayer", this);
- this.pausedLayer.setPosition(cc.p(0, 0));
- this.pausedLayer.setZOrder(200);
- this.rootNode.addChild(this.pausedLayer);
- this.paused = true;
- cc.AudioEngine.getInstance().stopMusic();
- cc.Director.getInstance().pause();
- }
- MainLayer.prototype.onTouchesBegan = function (touches, event) {
- var loc = touches[0].getLocation();
- }
- MainLayer.prototype.onTouchesMoved = function (touches, event) {
- cc.log("onTouchesMoved");
- }
- MainLayer.prototype.onTouchesEnded = function (touches, event) {
- cc.log("onTouchesEnded");
- var loc = touches[0].getLocation();
- cc.AudioEngine.getInstance().playEffect("Resources/sounds/bomb.mp3", false);
- this.monsterMove(loc.x, loc.y);
- this.createParticle("around", loc.x, loc.y);
- }
点击运行,效果图在最上面;
下一篇文章 我会介绍cocos2d-x editor的选关界面 笔者(李元友)
资料来源:cocos2d-x editor
相关推荐
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发
Cocos2d-x-3.x游戏开发之旅-钟迪龙著 全新pdf版和附书代码(代码为工程文件,可复制) 附带目录标签
Cocos2d-x 3.x游戏开发之旅教程及完整源码下载,使用最新cocos2d-x-3.14版本,在xcode7.3上已编译通过。 解决相关问题 1、解决源程序在高版本上无法编译问题 2、解决源程序中文注释部分,xcode上显示乱码问题 使用...
资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...
Cocos2d-x 3.x游戏开发实战pdf含目录,内容详细,强烈推荐给大家。
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...
cocos2d-x-2.1.5
本书是《Cocos2d-x 游戏开发之旅》的升级版,修改了2.0版进阶到3.0版后的一些内容,新增了对CocoStudio、UI编辑器、Cocos2d-x 3.0新特性以及网络方面的知识点。主要介绍常用的API使用方式;介绍如何通过官方Demo获取...
在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...
一线资深游戏开发工程师根据Cocos2D-X 最新版本撰写,Cocos2D-X创始人王哲、CSDN创始人蒋涛联袂推荐 完全通过真实游戏案例驱动,不仅将Cocos2D-X的各种功能、原理、技巧融入其中,而且还详细讲解了空战类、塔防类、...
精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码
本光盘是《Cocos2d-x游戏开发实战精解》一书的配书光盘,内容介绍如下。 (1)本书教学视频:该文件夹收录了本书的配套多媒体教学视频,可用暴风影音等视频播放器播放。 (2)本书源文件:该文件夹收录了本书涉及...
李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发。本书根据大富翁项目一一展开讲解游戏开发过程中涉及的各方面内容...
cocos2d-x 3.x游戏开发实战光盘
Cocos2d-x游戏编程——C++篇(电子工业出版社,徐飞 著)书本配套的光盘代码,
cocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML文件读取与骨骼动画.rarcocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML...
Cocos2d-x 3.2 大富翁游戏项目开发apk测试版