cocos2d-x学习笔记（2） 坐标系

坐标系是非常基础的概念，如果连坐标系都搞不太清楚的话，开发起来就真的无从下手了，借鉴知易教程写一篇关于坐标系的日记。
一般意义上的坐标系是说笛卡尔坐标系，相信大家都学过。

但是不同的图形库采用不同的坐标系。iPhone平台提供了两种会图库：Quartz 2D和OpenGL ES。其中Quartz 2D是Core Graphics绘图库的子集，OpenGL ES是跨平台图形库OpenGL的嵌入设备版。这两者的坐标系原点不一样。

大多数图形窗口应用程序都采用类似的坐标系。这是一种基于虚拟“画布”绘图模型的图形库，绘图指令按次序向“画布”上画下不同的内容，后画的内容会覆盖先画的内容（透明的除外）。这比较容易理解。
OpenGL ES的原点在左下角：

OpenGL ES相对比较复杂，这实际上是一个3D的绘图库，按照“状态机”模型设计的绘图库。他不是简单地让后者叠加在前者上面，而是记录各个绘制内容的三维位置关系，再按照系统设定的投影关系，将绘制的所有内容投影在某个特定的虚拟窗口上。
cocos2d-x是基于OpenGL ES的，所以请大家牢记我们使用笛卡尔坐标系，坐标系的原点在左下角。
cocos2d-x引擎的大多数可显示对象都是从CCNode类派生而来的，理解该类对于使用该图形引擎至关重要。今天我们先来说明与位置相关的属性：
1)anchorPoint（锚点）
为了将一个矩形图像精准地放置在屏幕某一位置上，需要设置该矩形的位置参考点。通常人们习惯于将该参考点设置在矩形的左上角上，而在cocos2d-x中我们称其为锚点，默认位置在矩形的中心。
2)Position（位置）
Position就是CCNode对象实际的OpenGL ES坐标。
下图说明了如何利用这两个属性来设置CCNode对象的显示位置：

图中红色矩形框的Position为(5, 5)，anchorPoint为(0.3, 0.5)。若要选择紫色大圆点A为锚点，则设置anchorPoint为(0, 0)，如要选择粉红色大圆点B为锚点，则设置anchorPoint为(1, 1)。显然设置为(0.5, 0.5)时，锚点位于矩形对象的几何中心点C，这是CCSprite类对象的默认anchorPoint值。
再次强调一下：锚点是个比例值，CCSprite类默认的锚点在正中心C点位置。

本文为转载，原作者链接：http://my.eoe.cn/wbmn/archive/1050.html