首页 > 代码库 > cocos2d-x(2.2) 学习之坐标转换
cocos2d-x(2.2) 学习之坐标转换
坐标转换
GL坐标系:
Cocos2D以OpenglES为图形库,所以它使用OpenglES坐标系。GL坐标系原点在屏幕左下角,x轴向右,y轴向上。
屏幕坐标系:
苹果的Quarze2D使用的是不同的坐标系统,原点在屏幕左上角,x轴向右,y轴向下。
ios的屏幕触摸事件CCTouch传入的位置信息使用的是该坐标系。
因此在cocos2d中对触摸事件做出响应前需要首先把触摸点转化到GL坐标系。可以使用CCDirector的convertToGL来完成这一转化。
世界坐标系:
也叫做绝对坐标系。世界坐标系和GL坐标系一致,原点在屏幕左下角。
cocos2d中的元素是有父子关系的层级结构,我们通过CCNode的position设定元素的位置使用的是相对与其父节点的本地坐标系而非世界坐标系。
最后在绘制屏幕的时候cocos2d会把这些元素的本地坐标映射成世界坐标系坐标。
本地坐标系:
本地坐标系也叫做物体坐标系,是和特定物体相关联的坐标系。
每个物体都有它们独立的坐标系,当物体移动或改变方向时,和该物体关联的坐标系将随之移动或改变方向。
比如用cocos2d-x创建了个矩形colorLayer:CCRect(10,10,100,100),这是的本地坐标系为以(10,10)为坐标原点,x轴向右,y轴向上。
如果创建了一个CCSprite,锚点为(0.5,0.5),位置为(100,100),size为(40,40),这时的本地坐标系为以(80,80)为坐标原点,x轴向右,y轴向上。
总之,本地坐标系原点为node的左下角坐标
先定义几个变量
CCSize targetSize = target.getContentSize();CCPoint targetAnchorPoint = target.getAnchorPoint();CCPoint tempPoint = CCPointMake(targetSize.width * targetAnchorPoint.x, targetSize.height * targetAnchorPoint.y);//本地坐标系中描点坐标CCPoint returnPoint ;
下面我们来看一下几个转换函数:
//将一个世界坐标系的点转化为本地坐标系
CCPoint CCNode::convertToNodeSpace(const CCPoint& worldPoint)
其具体算法如下:
CCPoint p1 = ccpSub(worldPoint,target->getPosition());returnPoint= ccpAdd(p1,tempPoint);
//将一个本地坐标系的点转化为世界坐标系
CCPoint convertToWorldSpace(const CCPoint& nodePoint);
其具体算法如下:
CCPoint p2 = ccpAdd(nodePoint,target->getPosition());returnPoint = ccpSub(p2,tempPoint);
//将一个世界坐标系的点转化为本地坐标系(与描点没有关系)
CCPoint convertToNodeSpaceAR(const CCPoint& worldPoint);
其具体算法如下:
returnPoint = CCPointMake(ccpSub(worldPoint,target.getPosition()));
//将一个本地坐标系的点转化为世界坐标系(与描点没有关系)
CCPoint convertToWorldSpaceAR(const CCPoint& nodePoint);
其具体算法如下:
returnPoint = CCPointMake(ccpSub(worldPoint,target.getPosition()));
对于
CCPoint convertToGL(const CCPoint& obPoint);
CCPoint convertToUI(const CCPoint& obPoint);
就更好理解了;理解GL坐标系和屏幕坐标系的概念就明白了,就是坐标原点的转换。