cocos2d-x快乐的做让人快乐的游戏2：坐标系大集合

    cocos2d中，涉及到4种坐标系：

• GL坐标系Cocos2D以OpenglES为图形库，所以它使用OpenglES坐标系。GL坐标系原点在屏幕左下角，x轴向右，y轴向上。

• 屏幕坐标系苹果的Quarze2D使用的是不同的坐标系统，原点在屏幕左上角，x轴向右，y轴向下。
  ios的屏幕触摸事件CCTouch传入的位置信息使用的是该坐标系。因此在cocos2d中对触摸事件做出响应前需要首先把触摸点转化到GL坐标系。可以使用CCDirector的convertToGL来完成这一转化。
  

• 世界坐标系也叫做绝对坐标系。世界坐标系和GL坐标系一致，原点在屏幕左下角。
  cocos2d中的元素是有父子关系的层级结构，我们通过CCNode的position设定元素的位置使用的是相对与其父节点的本地坐标系而非世界坐标系。最后在绘制屏幕的时候cocos2d会把这些元素的本地坐标映射成世界坐标系坐标。

• 本地坐标系 相对于父对象的坐标。

[obj.parent convertToWorldSpace:[obj position]];  //获得obj的世界坐标
[obj.parent convertToNodeSpace:[obj position]];  //获得obj的本地坐标
[[CCDirector sharedDirector] convertToGL:*****(0,0)];  //获得GL坐标
[[CCDirector sharedDirector] convertToUI:*****(0,0)];  //获得屏幕坐标

     无论是搞2d还是3d开发，最需要搞清楚的就是坐标系，这部分混乱的话就没啥奔头了。所以玩cocos2d，一上来就先把各种与坐标有关的东西搞清楚。
　　基本的两个坐标系：屏幕坐标系和GL坐标系。
　　屏幕坐标系x轴朝右，y轴朝下。默认原点在左上角。
　　GL坐标系x轴朝右，y轴朝上。默认原点在左下角。
　　在调用任何需要设置位置的函数，或从函数获取位置信息前，必须要明确这个函数使用哪个坐标系。比如调用CCNode类的setPosition函数，它使用的就是GL坐标系。比如在处理触摸事件时CCTouch对象中的坐标就是屏幕坐标系。
　　比较用的多的坐标系是和Node相关的本地坐标系。这个结构和一般做3D用的场景树的概念是一样的。所以从Node拿到的位置是该节点的本地坐标，需要通过特定的函数才能把本地坐标转换为世界坐标。而且这里的坐标都用的是GL坐标系。在CCNode对象中有几个方便的函数可以做坐标转换。convertToWorldSpace方法可以把基于当前node的本地坐标系下的坐标转换到世界坐标系中。convertToNodeSpace方法可以把世界坐标转换到当前node的本地坐标系中。
　　另外顺便说下点击命中问题，这会涉及到一些坐标系的相互转换，同时这里也不得不稍微提下cocos2d里面各种对象的大小问题。因为在cocos2d里CCNode对象有缩放的方法setScaleX和setScaleY。所以在获取对象大小的时候就必须根据情况明确指定获取对象原始大小，还是缩放后的大小。当然cocos2d里提供了对应的函数来完成这些操作。
　　getContentSize 函数用来获得节点原始的大小。
　　boundingBox 函数用来获得经过缩放和旋转之后的外框盒大小。
　　举个简单的例子：
　　bool ret = CCRect::CCRectContainsPoint(
　　this->boundingBox() , this->getParent()->convertTouchToNodeSpace( pTouch ));
　　这个例子的功能是来判定当前的触摸操作是否发生在自己的node对象上。其中pTouch是CCTouch对象的指针，包含了当前触摸事件发生点的坐标。
　　CCRectContainsPoint这个函数用来判断一个点是否在一个矩形范围内。我们就想用这个函数来判断当前触摸操作的这个点是否在当前node的范围内。
　　this->boundingBox() 方法获得了当前节点对象在父节点对象下的缩放之后的本地坐标大小，并且是用GL坐标系表示的。
　　pTouch对象中的坐标是屏幕坐标系，所以必须转换到GL坐标系，再转换到父节点的本地坐标下。好在convertTouchToNodeSpace这个函数一次完成了这两个转换，可以参考该库的源码，其中有具体的计算过程。
　　所有数据都转换到同一个坐标系下了以后，就可以通过CCRectContainsPoint函数完成最终的判定操作。
　　最后想说的一点是，尽可能用相对坐标。换句话说，程序中所有对象在设置大小和位置时，都应该以父对象的大小和位置为依据。 这样程序发布在以各种不同的分辨率发布时，只需要调整根对象的大小就可以了。

     结尾顺便说下cocos2dx判断点击命中的几种方法：

[cpp]  view plain copy

1. //重载  
2. virtual bool ccTouchBegan(CCTouch *touch, CCEvent *pEvent);  
3. virtual void ccTouchMoved(CCTouch *touch, CCEvent *pEvent);  
4. virtual void ccTouchEnded(CCTouch *touch, CCEvent *pEvent);  
5. virtual void onEnter();  
6. virtual void onExit();  
7.   
8. //添加支持触摸事件  
9. void CTestLayer::onEnter()  
10. {  
11. CCLayer::onEnter();  
12. this->setTouchEnabled(true);  
13. CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, 0, true);  
14. }  
15.   
16. void CTestLayer::onExit()  
17. {  
18. CCLayer::onExit();  
19.     CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);  
20. }  
21.   
22. //用自己的坐标系相对于原点进行判断  
23. bool checkTouchInSelf(CCTouch *touch);  
24. //用自己的坐标系相对于锚点进行判断  
25. bool checkTouchInSelf_AR(CCTouch *touch);  
26. //用父元素坐标系及自己在父坐标中的位置进行判断  
27. bool checkTouchInSelf_Parent(CCTouch *touch);  
28.   
29. //______________________________________________________________________________________________  
30. //用自己的坐标系相对于原点进行判断  
31. bool CTestLayer::checkTouchInSelf(CCTouch *touch)  
32. {  
33. //方案一  
34. //将点击点转换成自己坐标系中的坐标，相对于0,0点  
35. CCPoint pt = convertTouchToNodeSpace(touch);  
36. printf("pt.x=%.1f pt.y=%.1f\n", pt.x, pt.y);  
37. int nw = getContentSize().width;  
38. int nh = getContentSize().height;  
39. CCRect rc(0, 0, nw, nh);  
40. if(rc.containsPoint(pt))  
41. {  
42. //获得点击的OpenGL的世界坐标值  
43. CCPoint touchPoint = touch->getLocation();  
44. printf("ccTouchBegan x=%.1f y=%.1f\n", touchPoint.x, touchPoint.y);  
45. return true;  
46. }  
47. return false;  
48. }  
49. //______________________________________________________________________________________________  
50. //用自己的坐标系相对于锚点进行判断  
51. bool CTestLayer::checkTouchInSelf_AR(CCTouch *touch)  
52. {  
53. //方案二  
54. //将点击点转换成自己坐标系中的坐标，相对于锚点  
55. CCPoint ptAR = convertTouchToNodeSpaceAR(touch);  
56. printf("ptAR.x=%.1f ptAR.y=%.1f\n", ptAR.x, ptAR.y);  
57. CCPoint pp = this->getAnchorPoint();  
58. int nw = getContentSize().width;  
59. int nh = getContentSize().height;  
60. int nx = -(nw * pp.x);  
61. int ny = -(nh * pp.y);  
62. CCRect rcar(nx, ny, nw, nh);  
63. if(rcar.containsPoint(ptAR))  
64. {  
65. //获得点击的OpenGL的世界坐标值  
66. CCPoint touchPoint = touch->getLocation();  
67. printf("ccTouchBegan x=%.1f y=%.1f\n", touchPoint.x, touchPoint.y);  
68. return true;  
69. }  
70. return false;  
71. }  
72. //______________________________________________________________________________________________  
73. //用父元素坐标系及自己在父坐标中的位置进行判断  
74. bool CTestLayer::checkTouchInSelf_Parent(CCTouch *touch)  
75. {  
76. //方案三  
77. //获得点击的OpenGL的世界坐标值  
78. CCPoint touchPoint = touch->getLocation();  
79. //将点击的位置转换成父元素坐标系中的相对坐标  
80. CCPoint pt=getParent()->convertToNodeSpace(touchPoint);  
81. printf("pt.x=%.1f, pt.y=%.1f\n", pt.x, pt.y);  
82. //得到自己在父元素坐标系中的位置范围  
83. CCRect rect=boundingBox();  
84. printf("rect.l=%.1f, rect.b=%.1f, rect.r=%.1f, rect.t=%.1f\n",\  
85. rect.getMinX(), rect.getMinY(), rect.getMaxX(), rect.getMaxY());      
86. //判断是否点击落在自己的范围当中， 以上判断全是在父元素坐标系中进行计算  
87. if(rect.containsPoint(pt))  
88. {  
89. printf("ccTouchBegan x=%.1f y=%.1f\n", touchPoint.x, touchPoint.y);  
90. return true;  
91. }  
92. return false;  
93. }