(转)CocosCreator零基础制作游戏《极限跳跃》七、制作游戏结束场景并实现场景切换

CocosCreator零基础制作游戏《极限跳跃》七、制作游戏结束场景并实现场景切换

前面我们实现了游戏的碰撞检测,碰到障碍物我们的角色就会死掉并开始掉落,角色掉落到屏幕底部时候游戏结束,并跳到结束场景。

我们在资源管理器新建GameOver场景。双击打开场景,调整大小为480x800,添加界面需要的节点。如图。

这样我们的结束场景就制作好了。可以预览下。

制作好了,结束场景我们就需要把我们游戏的三个场景关联起来了。

首先我们双击打开我们的第一个场景WelcomeScene。然后在资源管理器创建playGo.js脚本。代码如下:

01 //playGo.js
02 cc.Class({
03     extends: cc.Component,
04     properties: {
05         // foo: {
06         //    default: null,
07         //    url: cc.Texture2D,  // optional, default is typeof default
08         //    serializable: true, // optional, default is true
09         //    visible: true,      // optional, default is true
10         //    displayName: ‘Foo‘, // optional
11         //    readonly: false,    // optional, default is false
12         // },
13         // ...
14     },
15     // use this for initialization
16     onLoad: function () {
17     },
18     //切换场景
19     toScene: function(){
20         cc.director.loadScene("MainScene")
21     }
22     // called every frame, uncomment this function to activate update callback
23     // update: function (dt) {
24     // },
25 });

这个脚本就实现一个功能,就是切换场景到MainScene场景,也就是第二个场景我们游戏的主场景。

下面我们为开始按钮绑定脚本事件。

这样我们的切换场景功能就实现了,同样的方法我们给GameOver场景中的重新开始按钮绑定脚本事件。

给退出游戏按钮添加事件脚本,创建脚本ExitScene。代码如下:

01 //ExitScene.js
02 cc.Class({
03     extends: cc.Component,
04     properties: {
05         // foo: {
06         //    default: null,
07         //    url: cc.Texture2D,  // optional, default is typeof default
08         //    serializable: true, // optional, default is true
09         //    visible: true,      // optional, default is true
10         //    displayName: ‘Foo‘, // optional
11         //    readonly: false,    // optional, default is false
12         // },
13         // ...
14     },
15     // use this for initialization
16     onLoad: function () {
17     },
18      
19         //退出游戏
20     ExitScene: function(){
21         cc.director.end();
22     },
23     // called every frame, uncomment this function to activate update callback
24     // update: function (dt) {
25     // },
26 });

使用同样的方法,给退出游戏按钮绑定事件。

还剩下一个游戏结束的切换场景事件。打开GAME脚本。添加gameover方法,并在update添加判断和处理。

01 //GAME.js
02 //....省略..
03     //gameover方法 然后在update实现gameover判断
04     gameOver: function () {
05          
06         cc.eventManager.removeAllListeners();//移除所有事件监听
07         this.player.stopAllActions(); //停止 player 节点的跳跃动作
08          
09         cc.director.loadScene("GameOver");//切换场景到结束场景
10     },
11         //加载时执行
12         onLoad: function () {
13         //触摸监听
14         this.setEventControl();
15         // 初始化计分
16         this.score = 0;
17          //添加判断
18         this.isMoving = true;
19          
20     },
21     //刷新update
22     update: function (dt) {
23              
24         this.setBgMoveCreate();//检测背景
25              
26             //gameOver判断 玩家坠落到屏幕底部游戏结束
27             if(this.player.getPositionY() <= -cc.view.getVisibleSize().height/2){
28                 this.unscheduleAllCallbacks();
29                  
30                 if(this.isMoving)
31                 {
32                     this.gameOver();
33                     this.isMoving = false;
34                 }
35                  
36             }
37          
38      },
39 //......省略代码....

下面我们来测试下整个流程环节。双击WelcomeScene场景从第一个场景开始预览。

到此我们整个游戏流程以及完了,接下来完善积分系统,还有声音系统整个游戏就可以上线了。下面我们继续来做积分系统。。

原文地址:https://www.byjth.com/jixiantiaoyue/72.html

原文地址:https://www.cnblogs.com/wodehao0808/p/9122839.html

时间: 2024-07-31 20:35:28

(转)CocosCreator零基础制作游戏《极限跳跃》七、制作游戏结束场景并实现场景切换的相关文章

(转)CocosCreator零基础制作游戏《极限跳跃》一、游戏分析

CocosCreator零基础制作游戏<极限跳跃>一.游戏分析 无意中发现了小游戏<极限跳跃>感觉挺有意思的,正好这段时间和朋友讨论准备用js还是unity做小游戏,初定用js,使用CocosCreator,于是我拿这款游戏练手,准备一天时间做出来,结果一天只完成了四分之三,后面又用了几个晚上,加碰撞检测,加声音音效..把这游戏的制作记录下. 1.吐槽加游戏分析 http://www.byjth.com/CocosCreator/66.html 2.制作游戏开始场景 http://

(转)CocosCreator零基础制作游戏《极限跳跃》二、制作游戏开始场景

CocosCreator零基础制作游戏<极限跳跃>二.制作游戏开始场景 我们刚刚分析了<极限跳跃>这款游戏,下面我们开始制作第一个游戏场景,也就是游戏的开始场景. 首先,打开CocosCreator,新建HelloWorld项目.选择项目路径,输入项目名称"jxty",点击新建项目. 新建好项目,项目会自动打开.这里大家可以看下官方的文档,了解 下编辑器的功能和用法. 资源管理器里显示了项目资源文件夹(assets)中的所有资源.这里会以树状结构显示文件夹并自动

(转)CocosCreator零基础制作游戏《极限跳跃》九、为游戏添加声音音效功能

CocosCreator零基础制作游戏<极限跳跃>九.为游戏添加声音音效功能 游戏的声音很重要,我们在这个游戏中需要加2个音效,一个背景音乐...第一个音效在玩家与障碍物碰撞的地方加碰撞音效,第二个在玩家主角坠落到屏幕底部的时候加游戏结束的音效.然后游戏开始的时候加载背景音乐. 我们一开始在MainScene场景中的声音图标节点就是我们用来控制声音的开关.. 首先修改guawileft.js脚本,添加音效资源,在onload设置声音大小.代码: 01 //guanwileft.js 02  

(转)CocosCreator零基础制作游戏《极限跳跃》四、添加游戏主场景控制脚本

CocosCreator零基础制作游戏<极限跳跃>四.添加游戏主场景控制脚本 前面简单的实现了主界面的UI设置,现在我们开始制作游戏的控制脚本. 在资源管理器的Script文件夹中,点击右键新建javascript文件,命名为GAME. 双击打开GAME脚本,在properties: 中添加属性代码. 01 //GAME.js 02   03 cc.Class({ 04     extends: cc.Component, 05     properties: { 06       07   

(转)CocosCreator零基础制作游戏《极限跳跃》三、制作游戏主场景

CocosCreator零基础制作游戏<极限跳跃>三.制作游戏主场景 刚刚我们制作了游戏的开始场景,现在我们来制作游戏的主场景.还是同样的方法,新建一个名为MainScene的场景,双击打开,修改场景的大小为480x800. 1.首先贴入游戏背景,在此我们使用了2张背景图,只需要把背景拖进层级管理器2次,修改名称为bg1,bg2即可,背景2接着背景1点上方设置位置. 2.摆放玩家主角在屏幕合适位置 3.添加金币按钮在屏幕上方 4.右键Canvas画布=>创建节点=>创建渲染节点=&

(转)CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统

CocosCreator零基础制作游戏<极限跳跃>八.添加游戏积分系统 前面我们实现了整个游戏的流程,下面我们来完善游戏的积分系统..先来分析下游戏的积分,第一次展示积分的地方就是我们的游戏主场景MainScene,玩家通过一些机制来获取积分,实现积分的更新,当玩家游戏结束后展示玩家所获的的当前积分. 我们一开始制作游戏场景的时候就制作了一个积分节点score,其string属性值为0.打开GAME.js脚本可以发现,一开始的时候我们onLoad方法就初始化了积分. 接着我们在GAME.js脚

(转)CocosCreator零基础制作游戏《极限跳跃》六、制作游戏障碍物实现碰撞检测

CocosCreator零基础制作游戏<极限跳跃>六.制作游戏障碍物实现碰撞检测 前面我们实现了背景和主角的操作,下面我们开始添加游戏的障碍物以及碰撞检测的功能. 一.制作障碍物Prefab(预制) Prefab(预制)是cocoscreator官方文档提出的,是为了解决需要重复使用的节点问题. 如何制作预制体prefab呢?具体可以参照官方文档,这里简单的说下,就是在场景中编辑好节点后,直接将节点从 层级管理器 拖到 资源管理器 中即可. 我们来看下极限跳跃的游戏截图分析下.. 游戏中障碍物

(转)CocosCreator零基础制作游戏《极限跳跃》十、游戏打包发布,游戏复总结

1.吐槽加游戏分析 http://www.byjth.com/CocosCreator/66.html 2.制作游戏开始场景 http://www.byjth.com/CocosCreator/67.html 3.制作游戏主场景 http://www.byjth.com/CocosCreator/68.html 4.添加游戏主场景控制脚本 http://www.byjth.com/CocosCreator/69.html 5.制作游戏主场景背景滚动 http://www.byjth.com/Co

最完整的网狐棋牌-新手零基础教程 第一节:棋牌游戏的服务器基本环境的安装

最完整的网狐棋牌-新手零基础教程 第一节:棋牌游戏的服务器基本环境的安装 百度云在线播放地址:http://pan.baidu.com/s/1pJwO50R 密码:t0sm  解压密码:www.ttkmwl.com ----------------------------------------------------------------- 通天源码论坛!专注源码分享,本论坛不仅有web源码,还有棋牌源码,游戏源码,android源码! 致力于打造中国最大的源码分享平台!我们期待您的加入!只