Cocos2D-X扫盲之坐标系、锚点

1、引言

　　在Cocos2D-X的开发过程当中，常常会碰到设置精灵位置的问题。而设置位置的过程，涉及到两个问题：第一是坐标系，包括原点的位置、X/Y坐标轴的方向灯；第二是基准点(Cocos2D-X中叫锚点)，即精灵旋转的时候，以哪一个点为轴心；下面咱们将逐一来分析这两个问题。

 

2、正文

　1. 坐标系

　　Cocos2D-X中，坐标系包括：OpenGL坐标系、世界坐标系、节点相对坐标系、仿射变换等，这些坐标系的原点都是在屏幕的左下角、X轴向右、Y轴向上。

　　1.1 OpenGL坐标系

　　　屏幕坐标系的原点在屏幕的左上角、X轴向右、Y轴向下。屏幕触击时间CCTouch传入的位置信息就是该坐标系，所以Cocos2D-X在对屏幕触摸事件作出响应前，须要使用CCDirecotr::convertToGL()方法，将触摸点转化为OpenGL坐标系。

　　1.2 世界坐标系

　　　也叫绝对坐标系，是游戏开发中创建的概念，世界是指游戏世界。Cocos2D-X中的元素都是父子关系的层级结构，经过CCNode设置位置使用的是相对其父节点的本地坐标系，最后绘制屏幕的时候，会将本地节点坐标映射成世界坐标系。

　　1.3 节点坐标系

　　　节点坐标系是和特定节点相关联的坐标系，每一个节点都有独立的坐标系。当节点移动或者改变方向的时候，和该节点相关联的坐标系（子节点）会随之一块儿移动或改变方向。CCNode类中设置位置使用的就是父节点的节点坐标系，它有两个函数能够转换坐标：

　　　convertToWorldSpace：把基于当前节点的本地坐标系转换为世界坐标系；不基于锚点，若是基于锚点应该使用convertToWorldSpaceAR；

　　　convertToNodeSpace：把世界坐标系转化为当前节点的本地坐标系；不基于锚点，若是基于锚点应该使用convertToNodeSpaceAR；

　　1.4 仿射变换

　　　仿射变换是指在线性变换的基础上加上平移，平移不是线性变换。游戏中大量使用的旋转、缩放、平移等都是仿射变换。

 

　2. 锚点

　　通俗点说，锚点就是你在CCNode中，使用贴图的基准点。默认锚点为(0.5, 0.5)。

　　精灵在进行运动的过程当中，都须要一个锚点，好比在旋转的过程当中，设置的锚点不同，旋转效果是不同的。好比使用默认锚点，精灵是以中点为轴心旋转；使用(0, 0)做为锚点，精灵是以左下角为轴心旋转；使用(1, 1)做为锚点，精灵是以右上角为轴心旋转。

 

3、小结

　　这些都是基本的概念，有空的时候，我会附上详细的实例代码和效果图。