Cocos2d-JS游戏导演
什么是游戏的导演
具体来说,Cocos2d-JS中的导演是一个对象,它负责设置游戏的运行环境,控制游戏的住循环并且管理场景和场景的切换。
导演的任务
Cocos2d-JS中导演对象名为:cc.director
。下面是它主要的任务:
环境设定
首先,在进入游戏之前,导演对象会设置游戏的运行环境:
- 设置显示游戏的视图,包含视图的投射,像素格式,等等。
- 设置游戏运行帧率。
- 为当前导演对象初始化计时器,动作管理器和事件管理器。
- 为当前导演对象初始化贴图缓存和渲染器。
- 导演对象的其他设置
执行主循环
视频游戏的基本原理其实是和传统动画是一样的。在传统动画制作中,画师们一页一页得绘制静态的画面,这些画面最终会以很快的频率一幅幅展示出来。频率可以是比如每秒24张画,每张画面被称为一帧。
视频游戏的绘制方式是完全一样的,每1/60秒,程序会绘制一张图片(一帧)到屏幕上,也就是60帧每秒。其中每一帧的绘制过程包含计算所有可视节 点的转换矩阵以及其他信息,然后画面会一帧一帧得显示到屏幕上。随着游戏的进行,每一帧都会改变一点点,最后,玩家的眼前就会呈现出优美的游戏画面。
以上所描述的所有过程都是在cc.director
的主循环中完成的。主循环中每一次循环绘制一幅画面到屏幕上。下面是每一帧绘制的详细过程:
- 计算从上一帧开始到现在的时间,这将会被用于提供调试信息。
- 让导演对象中的计时器执行被计划的任务。
- 通过事件管理器通知
cc.Director.EVENT_AFTER_UPDATE
事件。 - 清空游戏屏幕。
- 如果需要进入下一个场景则进行场景切换。
- 遍历当前场景中的节点并更新节点的空间转换矩阵以及其他必要信息,然后发送绘制指令给渲染器。
- 通过事件管理器通知
cc.Director.EVENT_AFTER_VISIT
事件。 - 渲染器按顺序执行所有渲染指令来最终绘制整个场景到屏幕上。
- 通过事件管理器通知
cc.Director.EVENT_AFTER_DRAW
事件。 - 增加全局总帧数。
除此之外,cc.director
同样提供一些函数来控制主循环:
- 暂停主循环:
cc.director.pause()
- 恢复主循环:
cc.director.resume()
- 暂停主循环:
场景管理
导演对象的另一项重要任务就是场景管理,导演对象在同一时间只可以运行一个场景,但是你可以随意得切换运行场景。所以通常来说,一个游戏会包含用于不同用例的几个场景,你的程序应该通过cc.director
的API来控制场景流。
// 让导演对象执行目标场景
cc.director.runScene(scene); // 获取当前正在执行的脚本
var scene = cc.director.getRunningScene(); // 将一个新场景推入场景栈中,并替换运行场景为这个新场景
var scene = cc.director.pushScene(scene); // 将场景栈顶的场景推出场景栈,并替换运行场景为推出后栈顶的新场景
cc.director.popScene(); // 将场景栈中除了栈底的根场景以外的所有场景推出,并替换运行场景为根场景。
cc.director.popToRootScene()
除此之外,你可以通过cc.TransitionScene
的效果类的转场特效来切换场景。
// 转场特效持续两秒
var transitionTime = 2;
// 创建下一个场景
var nextScene = new cc.Scene();
// 使用下一个场景创建转场特效场景
var transitionScene = new cc.TransitionProgressInOut(transitionTime, nextScene);
// 替换运行场景为转场特效场景
cc.director.runScene(transitionScene);
在上面的例子中可以看出,我们使用了一个cc.TransitionProgressInOut
转场特效,没有使用cc.TransitionScene
是因为这个基础特效类没有任何实际效果,只提供运行机制。Cocos2d-JS引擎中还提供其他很多种预设转场特效,你可以参考API文档或是TransitionScene测试用例。
环境设置和属性
由于导演对象控制整个游戏运行环境,导演对象中还提供一些常用的设置和属性:
// 获取游戏主循环是否被暂停
var paused = cc.director.isPaused(); // 设置或获取动画帧间隔,这个设置会直接影响帧率
var interval = cc.director.getAnimationInterval();
cc.director.setAnimationInterval(value); // 设置或获取导演对象的内容放缩比例
var scale = cc.director.getContentScaleFactor();
cc.director.setContentScaleFactor(scaleFactor); // 设置或获取游戏世界可视窗口的原点和大小
var origin = cc.director.getVisibleOrigin();
var size = cc.director.getVisibleSize(); // 获取游戏世界大小,winSize的大小通常等同于设计分辨率,而winSizeInPixel的大小是游戏世界的像素大小
var winSize = cc.director.getWinSize();
var winSizeInPixel = cc.director.getWinSizeInPixels(); // 设置或获取调试信息是否被显示
var isDisplaying = cc.director.isDisplayStats();
cc.director.setDisplayStats(displayStats); // 设置或获取视图,它指向`cc.view`
cc.director.var view = cc.director.getOpenGLView();
cc.director.cc.director.setOpenGLView(openGLView); // 设置或获取WebGL/OpenGL的投影,
// 可能的投影类型包括:cc.Director.PROJECTION_2D, cc.Director.PROJECTION_3D, cc.Director.PROJECTION_CUSTOM
cc.director.getProjection();
cc.director.setProjection(projection);
计时器
正如之前提到的,游戏主循环会通过计时器执行预定的任务。这个计时器是导演对象的一个内部子系统,你可以对当前运行场景的节点执行一些类型的任务。计时器将会计划何时以及如何执行这些任务。
下面的代码片段展示了一些常用的创建任务的方式:
var node = new cc.Node(); // node的update函数将会在每一帧被执行
node.scheduleUpdate();
// callback回调函数会重复得在每个interval时间间隔之后被执行,重复次数为repeat次,并且这个任务会在delay延时之后开始执行
node.schedule(callback, interval, repeat, delay);
// callback回调函数会在delay延时之后被执行一次
node.scheduleOnce(callback, delay);
// 取消callback任务
node.unschedule(callback);
// 取消node节点所有计划中的任务
node.unscheduleAllCallbacks();
注意
所有任务中的回调函数会在自己的目标节点环境下被执行,也就是说,回调函数中的this
对象将会指向目标节点
即使delay延时为0的情况下,任务回调函数的第一次执行也是在注册任务之后的下一帧中。
动作管理器
动作管理器是导演对象另一个重要的内部系统。它管理当前运行场景中的所有动作,它会在每一帧调用所有进行中动作的update
函数。动作系统的细节会在后面的章节中详细讨论。
导演对象系统事件
导演对象还有一些内建的系统事件,可能会对你控制游戏的逻辑有帮助。
cc.Director.EVENT_AFTER_DRA、// 这个事件在每一帧图像的绘制完成之后被触发。
cc.Director.EVENT_AFTER_VISIT // 这个事件在每一帧场景树遍历之后被触发。
cc.Director.EVENT_AFTER_UPDATE // 这个事件在每一帧计时器任务执行完成之后被触发。
cc.Director.EVENT_PROJECTION_CHANGED //这个事件在导演对象的投影属性被修改之后触发
Cocos2d-JS游戏导演的更多相关文章
- cocos2d js ClippingNode 制作标题闪亮特效
1.效果图: 之前在<Android 高仿 IOS7 IPhone 解锁 Slide To Unlock>中制作了文字上闪亮移动的效果,这次我们来看下怎样在cocos2d js 中做出类似 ...
- Cocos2d—X游戏开发之CCToggle(菜单标签切换)CCControlSwitch(开关切换)
Cocos2d—X游戏开发之CCToggle(菜单标签切换) 首先继承子CCMenu,是菜单标签中的一种.‘ class CC_DLL CCMenuItemToggle : public CCMenu ...
- cocos2d js jsb XMLHttpRequest 中文乱码
1.首先讲下怎样使用XMLHttpRequest 下面所说的是在cocos2d-x 2.2.2 或者 2.3 版本号中. 首先要明确cocos2d js事实上分两个版本号,一个是html5的版本号,另 ...
- cocos2d js的一些tip
cocos2d-js-v3.2-rc0 cc.director.end();//退出app cc.Application.getInstance().openURL("http://www. ...
- iOS cocos2d 2游戏开发实战(第3版)书评
2013是游戏爆发的一年,手游用户也是飞速暴增.虽然自己不做游戏,但也是时刻了解手机应用开发的新动向.看到CSDN的"写书评得技术图书赢下载分"活动,就申请了一本<iOS c ...
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
2013年04月19日 14:09:37 MJiao 阅读数:4614 深入浅出node.js游戏服务器开发1——基础架构与框架介绍 游戏服务器概述 没开发过游戏的人会觉得游戏服务器是很神秘的 ...
- window环境下 node.js 游戏框架pomelo 安装与启动
一.软件准备 1.1 下载node.js 1.2 下载python 2.5 < version <3.0 1.3 下载c++编译器(一般控制面板中-->程序和功能上已有,如果没有需要 ...
- cocos2dx JS 游戏切到后台再进入游戏的处理
由于Cocos引擎中,游戏切入后台后定时器后停掉会让某个Animation动作停止. 导致当重新进入游戏时,看到的不是你想要的画面.或者定时器倒计时的时间对不上等问题. cc.game.EVENT_H ...
- cocos2d 小游戏
今天写了一个小游戏,发现看过的代码自己来写还是会经常出错,还是要多自己动手写写哈. 先上几张游戏界面图 void HelloWorld::addTarget() { //首先初始化精灵 CCSprit ...
随机推荐
- 点击Cell中的按钮时,如何取所在的Cell
4.点击Cell中的按钮时,如何取所在的Cell:-(void)OnTouchBtnInCell:(UIButton *)Btu{CGPoint point = btn.center;point = ...
- Rdesktop
linux远程windows rdesktop是一个开放源码的Window NT中断服务器的客户端,它实现了远程桌面协议(RDP) rdesktop-1.7.0.tar 下载地址:http://d ...
- poj 1845 数论综合
题意:求A^B的所有因数的和 mod 9901 sol:一开始毫无思路,因为很多定理都不知道-_-|| 1. 整数的唯一分解定理: 任意正整数都有且只有一种方式写出其素因子的乘积表达式. A=(p1^ ...
- vim YouCompleteMe
http://www.ithao123.cn/content-1906969.html http://www.it165.net/os/html/201503/12190.html
- iOS推送失败的可能问题汇总
ITC上的证书问题 AppID未开启推送 Provioning Profile在AppID开启推送功能前生成的 Provioning证书过期 推送的pem证书过期 客户端问题 target的CodeS ...
- POJ3020Antenna Placement(最小路径覆盖+重在构图)
Antenna Placement Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 7788 Accepted: 3880 ...
- knockoutjs + easyui.treegrid 可编辑的自定义绑定插件
http://blog.csdn.net/maddemon/article/details/16846183 目前仅支持URL的CRUD.不需要的话可以却掉相关代码,把treegrid的data直接赋 ...
- MyEclipse------如何添加jspsmartupload.jar+文件上传到服务器
下载地址:http://download.csdn.net/detail/heidan2006/182263 如何添加jspsmartupload.jar:右键“Web”工程->properti ...
- php网站验证码的生成
<?php header("Content-type:text/html;charset=utf-8"); header("Content-type:image/p ...
- C标准函数库(常用部分)