上一篇博客介绍了整个cocos2dx引擎需要掌握的各个模块，每一个模块实际上往深了研究都有难点，后面我会详细地去分析它的用法。今天我们从第一个模块说起，即渲染模块。首先，为了理解，我们做个类比，说明该模块中几个类之间的关系：
如果把一个游戏项目的开发比作一部电影的制作的话，那么导演（CCDirector类）的作用也就不言而喻，它控制整个游戏的良好运行。导演可以决定这部电影的拍摄场景（CCScene类），比如说在北京，场景可能会根据需要进行转移，因此场景可能会有多个，但同一时刻只能在一个地方。地点确定好了，就要选址，搭建摄影棚，也就是拍摄场地（CCLayer类），然后就是演员们（CCSprite类）的表演了，这样就完成了一部电影的拍摄过程，但是别忘了后期制作，比如需要给电影加上字幕（CCLabel类）等，那么菜单呢，可以理解为开头的介绍，比如主演：xx 导演：xx 。说道这里我想大家都能理解透彻了。下面简单介绍用法：
导演类：CCDirector
它是一个单例，在整个游戏运行期间只实例化一次，维护一个实例对象。
场景类：CCScene
可以理解为一个容器，就像剧院一样，在剧院中搭建舞台（即CCLayer）上演节目。一个场景中可以有多个层CCLayer，我们可以通过层的Z轴标记或者层的名字来找到这个层对象。场景可以做特效，即不同场景进行切换时的效果，比如淡进淡出、百叶窗、旋转缩小等。
刚开始的时候对层和场景可能会有点蒙，主要是因为项目自带的这个HelloWorldScene（有的是HelloWorldLayer）搞得鬼，实际上我们不是那么用的，实际项目中一般不写“static CCScene* scene();”这个方法。我们一般需要场景的时候直接创建一个自定义的场景类，继承CCScene，在任何需要切换场景的地方，创建我们自定义的场景类，并由导演类来切换场景：
个人理解就是做画面渲染的，好比画家手中的画板，我们可以在上面涂鸦，添加精灵。现在的游戏通常至少要分三个层，例如一个简单的主菜单画面：
这三个层互相叠加，他们在Z轴上的坐标不同，实际上就是addChild（layer，5）中数字的标记，值越大越靠近屏幕外侧，也就是最外层。上图BackgroundLayer层号为0，AnimationLayer层号为1，MenuLayer层号为2，最靠外。图层的顺序决定了渲染的次序和交互信息传递（即用户响应）的顺序，这涉及到触摸和重力加速计的知识点，后面会单独拿出来讲。
层--最重要的就是能够“接受用户操作”，除此之外还可以填充游戏背景颜色等。通常我们创建一个类，继承CCLayer，并添加“virtual bool init（）”方法进行初始化，并在其中添加新的内容，实现我们的功能。
--init（）方法内部必须调用父类的init（）方法做初始化工作--
注：virtual关键字声明虚函数，就是说，如果以后扩展了子类，子类重写这个init()方法，那么运行时子类对象执行的是子类的init()方法，屏蔽掉父类的init()方法，其他方法同理。
精灵类：CCSprite
本质上，就是一张2d图片，但是难点还是很多的，比如锚点（CCAnchorPoint）和位置（CCPosition）的区别，精灵帧动画的三种方式，还有使用cocoStudio编辑器做骨骼动画等，这些都会单独拿出来去讲，我们先介绍精灵的用法，再解释一下锚点和位置：
锚点和位置的区别：
首先，要区别精灵和图片，实际上精灵只是层中的一个点而已，这个点就是精灵的位置（position），如果不给它附上图片的话，它就是一个点，图片让它有了可视化的形象，由于图片肯定不是一个点，而是一个矩形的框，那么给精灵附加图片的时候，该把图片的哪个位置放到精灵的位置（position）上呢，这就是锚点的作用，设置锚点（anchorPoint）实际上是更改了图片的中心点，默认的时候中心点在图片的中间，锚点是（0.5,0.5）：也就是说图片的中心点是通过anchorPoint来设置。
设图片宽为W = 100 ，高 为 H = 200 ：设置中心点时坐标系以图片的左下角为原点画坐标系
当anchorPoint为（0,0）：图片的中心点在（100 * 0，200 * 0）处，这只是图片的中心点，千万记住
当anchorPoint为（0.5,0.5）：图片的中心点在（100 * 0.5，200 * 0.5）处；也就是视觉上的图片中心
当anchorPoint为（1,1）：图片的中心点在（100 * 1，200 * 1）处；
文字类：CCLabel
比较简单，不想多说，给一个链接：点击打开链接-CCLabel，有时间回来补充。
菜单类：CCMenu
创建一个菜单的思路很简单，首先得有菜单项，然后基于菜单项创建菜单，菜单项要能点击，因此还要添加事件的监听回调函数。由于菜单项可以是多种多样的，因此，引擎提供了多种创建菜单项的类，直接看代码：
渲染框架大体介绍这些，好多细节的难点会在后面单独研究，基础部分也就这些吧，其他的稍有难度，下一篇开始进阶吧。
层--最重要的就是能够“接受用户操作”，除此之外还可以填充游戏背景颜色等。通常我们创建一个类，继承CCLayer，并添加“virtual bool init（）”方法进行初始化，并在其中添加新的内容，实现我们的功能。
--init（）方法内部必须调用父类的init（）方法做初始化工作--
注：virtual关键字声明虚函数，就是说，如果以后扩展了子类，子类重写这个init()方法，那么运行时子类对象执行的是子类的init()方法，屏蔽掉父类的init()方法，其他方法同理。
精灵类：CCSprite
本质上，就是一张2d图片，但是难点还是很多的，比如锚点（CCAnchorPoint）和位置（CCPosition）的区别，精灵帧动画的三种方式，还有使用cocoStudio编辑器做骨骼动画等，这些都会单独拿出来去讲，我们先介绍精灵的用法，再解释一下锚点和位置：
首先，要区别精灵和图片，实际上精灵只是层中的一个点而已，这个点就是精灵的位置（position），如果不给它附上图片的话，它就是一个点，图片让它有了可视化的形象，由于图片肯定不是一个点，而是一个矩形的框，那么给精灵附加图片的时候，该把图片的哪个位置放到精灵的位置（position）上呢，这就是锚点的作用，设置锚点（anchorPoint）实际上是更改了图片的中心点，默认的时候中心点在图片的中间，锚点是（0.5,0.5）：也就是说图片的中心点是通过anchorPoint来设置。
设图片宽为W = 100 ，高 为 H = 200 ：设置中心点时坐标系以图片的左下角为原点画坐标系
当anchorPoint为（0,0）：图片的中心点在（100 * 0，200 * 0）处，这只是图片的中心点，千万记住
当anchorPoint为（0.5,0.5）：图片的中心点在（100 * 0.5，200 * 0.5）处；也就是视觉上的图片中心
当anchorPoint为（1,1）：图片的中心点在（100 * 1，200 * 1）处；
锚点理解了，就好办了，实际上给精灵附加上图片以后，就是图片的锚点位置（图中红圈的地方）放在精灵的position位置处。但是实践经验上来说，尽量能不改锚点就不改锚点，因为貌似复杂情况会出问题，之前就是不同电脑显示不一样。
比较简单，不想多说，给一个链接：点击打开链接-CCLabel，有时间回来补充。
菜单类：CCMenu
创建一个菜单的思路很简单，首先得有菜单项，然后基于菜单项创建菜单，菜单项要能点击，因此还要添加事件的监听回调函数。由于菜单项可以是多种多样的，因此，引擎提供了多种创建菜单项的类，直接看代码：
渲染框架大体介绍这些，好多细节的难点会在后面单独研究，基础部分也就这些吧，其他的稍有难度，下一篇开始进阶吧。