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

一、引言

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

 

二、正文

　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)作为锚点，精灵是以右上角为轴心旋转。

 

三、小结

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