Cocos2d-js cc.director介绍

╰半橙微兮° 2022-08-08 14:59 143阅读 0赞

**环境设定**

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

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

**执行主循环**

主循环中每一次循环绘制一幅画面到屏幕上。下面是每一帧绘制的详细过程：

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同样提供一些函数来控制主循环：

暂停主循环：cc.director.pause()

恢复主循环：cc.director.resume()

**场景管理**

通常来说，一个游戏会包含用于不同用例的几个场景，程序应该通过cc.director的API来控制场景流。

除此之外，你可以通过cc.TransitionScene的效果类的转场特效来切换场景。

Cocos2d-JS引擎中还提供其他很多种预设转场特效

**环境设置和属性**

由于导演对象控制整个游戏运行环境，导演对象中还提供一些常用的设置和属性：

<table style="margin:10px 0px; border:1px solid rgb(227,227,227); border-spacing:0px; border-collapse:collapse; max-width:745px; width:742px; background-color:rgb(227,227,227)"> 
 <tbody style="border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; font-size:13px!important; background:none!important"> 
  <tr style="border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
   <td style=""> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      1 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      2 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      3 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      4 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      5 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      6 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      7 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      8 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      9 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      10 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      11 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      12 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      13 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      14 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      15 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      16 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      17 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      18 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      19 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      20 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      21 
    </div> 
    <div style="word-wrap:normal; height:28px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      22 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      23 
    </div> 
    <div style="word-wrap:normal; height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 0.5em 0px 1em!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
      24 
    </div> </td> 
   <td style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; width:695px; margin:0px!important; padding:0px!important; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important; font-size:13px!important; background-color:rgb(249,249,249)"> 
    <div style="border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;获取游戏主循环是否被暂停</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">paused&nbsp;=&nbsp;cc.director.isPaused();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取动画帧间隔，这个设置会直接影响帧率</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">interval&nbsp;=&nbsp;cc.director.getAnimationInterval();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.setAnimationInterval(value);</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取导演对象的内容放缩比例</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">scale&nbsp;=&nbsp;cc.director.getContentScaleFactor();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.setContentScaleFactor(scaleFactor);&nbsp;&nbsp;</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取游戏世界可视窗口的原点和大小</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">origin&nbsp;=&nbsp;cc.director.getVisibleOrigin();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">size&nbsp;=&nbsp;cc.director.getVisibleSize();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;获取游戏世界大小，winSize的大小通常等同于设计分辨率，而winSizeInPixel的大小是游戏世界的像素大小</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">winSize&nbsp;=&nbsp;cc.director.getWinSize();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">winSizeInPixel&nbsp;=&nbsp;cc.director.getWinSizeInPixels();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取调试信息是否被显示</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">isDisplaying&nbsp;=&nbsp;cc.director.isDisplayStats();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.setDisplayStats(displayStats);</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取视图，它指向`cc.view`</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-weight:bold!important; min-height:auto!important; color:rgb(255,120,0)!important; background:none!important">var</code>&nbsp; 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">view&nbsp;=&nbsp;cc.director.getOpenGLView();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.setOpenGLView(openGLView);</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;设置或获取WebGL/OpenGL的投影，</code> 
     </div> 
     <div style="height:28px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; color:rgb(0,130,0)!important; background:none!important">//&nbsp;可能的投影类型包括：cc.Director.PROJECTION_2D,&nbsp;cc.Director.PROJECTION_3D,&nbsp;cc.Director.PROJECTION_CUSTOM</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.getProjection();</code> 
     </div> 
     <div style="height:14px; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px 1em!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important"> 
      <code style="font-family:Monaco,Menlo,Consolas,'Courier New',monospace; border:0px!important; bottom:auto!important; float:none!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; padding:0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">cc.director.setProjection(projection);</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

导演对象系统事件

导演对象还有一些内建的系统事件：

cc.Director.EVENT\_AFTER\_DRAW：这个事件在每一帧图像的绘制完成之后被触发。

cc.Director.EVENT\_AFTER\_VISIT：这个事件在每一帧场景树遍历之后被触发。

cc.Director.EVENT\_AFTER\_UPDATE：这个事件在每一帧计时器任务执行完成之后被触发。

cc.Director.EVENT\_PROJECTION\_CHANGED：这个事件在导演对象的投影属性被修改之后触发。

源引：http://www.ipastimes.com/post/4.html