什么是游戏的导演

  具体来说,Cocos2d-JS中的导演是一个对象,它负责设置游戏的运行环境,控制游戏的住循环并且管理场景和场景的切换。

导演的任务

  Cocos2d-JS中导演对象名为:cc.director。下面是它主要的任务:

  环境设定  

  首先,在进入游戏之前,导演对象会设置游戏的运行环境:

    1. 设置显示游戏的视图,包含视图的投射,像素格式,等等。
    2. 设置游戏运行帧率。
    3. 为当前导演对象初始化计时器,动作管理器和事件管理器。
    4. 为当前导演对象初始化贴图缓存和渲染器。
    5. 导演对象的其他设置

  执行主循环  

  视频游戏的基本原理其实是和传统动画是一样的。在传统动画制作中,画师们一页一页得绘制静态的画面,这些画面最终会以很快的频率一幅幅展示出来。频率可以是比如每秒24张画,每张画面被称为一帧。

  视频游戏的绘制方式是完全一样的,每1/60秒,程序会绘制一张图片(一帧)到屏幕上,也就是60帧每秒。其中每一帧的绘制过程包含计算所有可视节 点的转换矩阵以及其他信息,然后画面会一帧一帧得显示到屏幕上。随着游戏的进行,每一帧都会改变一点点,最后,玩家的眼前就会呈现出优美的游戏画面。

  以上所描述的所有过程都是在cc.director的主循环中完成的。主循环中每一次循环绘制一幅画面到屏幕上。下面是每一帧绘制的详细过程:    

    1. 计算从上一帧开始到现在的时间,这将会被用于提供调试信息。
    2. 让导演对象中的计时器执行被计划的任务。
    3. 通过事件管理器通知cc.Director.EVENT_AFTER_UPDATE事件。
    4. 清空游戏屏幕。
    5. 如果需要进入下一个场景则进行场景切换。
    6. 遍历当前场景中的节点并更新节点的空间转换矩阵以及其他必要信息,然后发送绘制指令给渲染器。
    7. 通过事件管理器通知cc.Director.EVENT_AFTER_VISIT事件。
    8. 渲染器按顺序执行所有渲染指令来最终绘制整个场景到屏幕上。
    9. 通过事件管理器通知cc.Director.EVENT_AFTER_DRAW事件。
    10. 增加全局总帧数。

  除此之外,cc.director同样提供一些函数来控制主循环:

    1. 暂停主循环:cc.director.pause()
    2. 恢复主循环: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游戏导演的更多相关文章

  1. cocos2d js ClippingNode 制作标题闪亮特效

    1.效果图: 之前在<Android 高仿 IOS7 IPhone 解锁 Slide To Unlock>中制作了文字上闪亮移动的效果,这次我们来看下怎样在cocos2d js 中做出类似 ...

  2. Cocos2d—X游戏开发之CCToggle(菜单标签切换)CCControlSwitch(开关切换)

    Cocos2d—X游戏开发之CCToggle(菜单标签切换) 首先继承子CCMenu,是菜单标签中的一种.‘ class CC_DLL CCMenuItemToggle : public CCMenu ...

  3. cocos2d js jsb XMLHttpRequest 中文乱码

    1.首先讲下怎样使用XMLHttpRequest 下面所说的是在cocos2d-x 2.2.2 或者 2.3 版本号中. 首先要明确cocos2d js事实上分两个版本号,一个是html5的版本号,另 ...

  4. cocos2d js的一些tip

    cocos2d-js-v3.2-rc0 cc.director.end();//退出app cc.Application.getInstance().openURL("http://www. ...

  5. iOS cocos2d 2游戏开发实战(第3版)书评

    2013是游戏爆发的一年,手游用户也是飞速暴增.虽然自己不做游戏,但也是时刻了解手机应用开发的新动向.看到CSDN的"写书评得技术图书赢下载分"活动,就申请了一本<iOS c ...

  6. 深入浅出node.js游戏服务器开发1——基础架构与框架介绍

    2013年04月19日 14:09:37 MJiao 阅读数:4614   深入浅出node.js游戏服务器开发1——基础架构与框架介绍   游戏服务器概述 没开发过游戏的人会觉得游戏服务器是很神秘的 ...

  7. window环境下 node.js 游戏框架pomelo 安装与启动

    一.软件准备 1.1 下载node.js 1.2 下载python 2.5 < version <3.0 1.3 下载c++编译器(一般控制面板中-->程序和功能上已有,如果没有需要 ...

  8. cocos2dx JS 游戏切到后台再进入游戏的处理

    由于Cocos引擎中,游戏切入后台后定时器后停掉会让某个Animation动作停止. 导致当重新进入游戏时,看到的不是你想要的画面.或者定时器倒计时的时间对不上等问题. cc.game.EVENT_H ...

  9. cocos2d 小游戏

    今天写了一个小游戏,发现看过的代码自己来写还是会经常出错,还是要多自己动手写写哈. 先上几张游戏界面图 void HelloWorld::addTarget() { //首先初始化精灵 CCSprit ...

随机推荐

  1. Android如何让真机显示debug log的调试信息

    真机默认是不开启debug log调试功能的,以前我一直用模拟器,模拟器默认是开启debug log调试功能的,那么如何让真机开启呢? 我用华为Ascend P6为例: 1.进入拨号界面,输入*#*# ...

  2. 德州扑克AI WEB版

    继续之前的德州扑克话题,上次的DOS界面确实没法看,我女朋友说这是什么鬼.哈哈,估计只有自己能玩了 这两天重构了一下界面,基于web服务器和浏览器来交互. 服务器和客户端之间用websocket通信, ...

  3. CoreOS Architecture Learning

    目录 . CoreOS简介 . CoreOS部署.安装.使用 . CoreOS命令使用 1. CoreOS简介 0x1: CoreOS和Docker的关系 我们先来看一张Docker的架构图

  4. 常用数据库 JDBC URL 格式

    一 常用数据库 JDBC URL 格式 1 sqLite  驱动程序包名:sqlitejdbc-v056.jar 驱动程序类名: org.sqlite.JDBC JDBC URL: jdbc:sqli ...

  5. js中对象概念的声明

  6. ci默认控制器

    默认控制器 前面提到,如果在请求中没有指明具体的控制器,CI将会把页面重定向到一个系统默认的页面.这个默认页面可以自己设定,它存放在如下地址:/system/application/config/ro ...

  7. WINDOWS渗透与提权总结(1)

    旁站路径问题: 1.读网站配置. 2.用以下VBS: 01 On Error Resume Next 02   03 If (LCase(Right(WScript.Fullname, 11)) = ...

  8. html5移动web开发笔记

    width指定虚拟窗口的屏幕宽度大小. height指定虚拟窗口的屏幕高度大小. initial-scale 指定初始缩放比例. maximum-scale指定允许用户缩放的最大比例. minimum ...

  9. JS实现上传本地图片前先预览

    <style type="text/css"> #preview /*这个就是预览的DIV的ID*/ { filter:progid:DXImageTransform. ...

  10. WebBrowser 禁用右键

    禁用错误脚本提示 将 WebBrowser控件的 ScriptErrorsSuppressed 设为 true 禁用右键菜单 将 WebBrowser 的 IsWebBrowserContextMen ...