Cocos2dx 小技巧（十三）聊聊坐标系

Posted 2020-09-27

一好友考上了空姐。她说：以后基本上不会回来了。等下次见面时请叫我白富美！尽管有点羡慕。但我依然不甘示弱回复：下次见面时请叫我高富帅！

未来，谁说得准呢？

------------------
有段时间没用到onTouchBegan，近来写代码时发现对convertToGL(),getLocation()这些接口都有点陌生了。所以趁这次机会就写个总结到博客里，下次忘了就来博客里看看。当笔记用咯。

首先脑补下基础知识吧：
1、OpenGL坐标系：该坐标系原点在屏幕左下角。x轴向右。y轴向上。这也就是cocos2dx中用到的坐标系所以没啥好说的。
2、屏幕坐标系：该坐标系的原点在屏幕左上角，x轴向右，y轴向下，事实上和OpenGL坐标系的区别也就是y轴的方向拉。如果游戏场景的分辨率为(500,500),当中一个点的坐标为(200,200),那么它在OpenGL坐标系中的坐标还是(200,200),在屏幕坐标系中则要倒过来，则为(200,500-200)。事实上也就是6和9的区别啦，呵呵，六九式...
3、世界坐标系：又名绝对坐标系，概念啥的就不多说了。我们仅仅要知道世界坐标系和OpenGL坐标系方向一致，原点在屏幕左下角，x轴向右，y轴向上。
4、节点坐标系：又名相对坐标系，和OpenGL坐标系方向一致，不同的是原点在父节点左下角。

以下举下样例:
1、先说OpenGL坐标系与屏幕坐标系吧
前面不是提到onTouchBegan(Touch* touch,Event* event)么。參数touch传来的触点坐标便是屏幕坐标系，获得该坐标系的方法例如以下：

auto point = touch->getLocationInView();//获得屏幕坐标系

当然了，我们一般使用时都应该将屏幕坐标系转成OpenGL坐标系。方法有两种：

auto point = touch->getLocation();//直接从touch中获取,在getLocation()源代码里会将坐标转成OpenGL坐标系

auto point = touch->getLocationInView();
point = Director::getInstance()->convertToGL(point);//先获得屏幕坐标，在调用convertToGL转成OpenGl坐标系

以下看下完整的代码：

bool HelloWorld::onTouchBegan(Touch* touch,Event* event)
{
	auto point = touch->getLocation();//获得OpenGl坐标系
	CCLOG("Location point x=%f , y=%f",point.x,point.y);

	auto point2 = touch->getLocationInView();//获得屏幕坐标
	CCLOG("LocationInView point x=%f , y=%f",point2.x,point2.y);

	point2 = Director::getInstance()->convertToGL(point2);//将屏幕坐标转成OpenGL坐标
	CCLOG("convertToGL1 point x=%f , y=%f",point2.x,point2.y);

	point2 = Director::getInstance()->convertToGL(point2);//注意这个
	CCLOG("convertToGL2 point x=%f , y=%f",point2.x,point2.y);

	return true;
}

我当前屏幕的分辨率为：960x640。

输出结果例如以下：

有没有发现一个有趣的现象。convertToGL将point屏幕坐标转成OpenGL坐标后，再对point使用一次convertToGL后，point又从OpenGL坐标转成了屏幕坐标，哈哈。

2、接下来说节点坐标吧，世界坐标不打算具体介绍，由于自己也没怎么去用过...
节点坐标的一个比較典型的使用方法应该就是scrollView了吧。比如在scrollView的层上有一个精灵sp。你想获取sp在scrollView中的哪个位置，但是每次获取的坐标都不一样。原因就在于你每次获得的坐标都是OpenGL坐标，上面有说道了，OpenGL的坐标原点是在屏幕的左下角。而scrolView是一直在拖动的，每拖动一次sp的OpenGL坐标当然也跟着改变。

解决的方法就是将OpenGl坐标转成节点坐标。方法例如以下：

point = scroll_layer->convertToNodeSpace(point);//如果scrollView中的层是scroll_layer

说到scrollView,下一篇要不要讲点scrollView的技巧呢？

恩，先这样吧，每次写博客到这个点都好困。事实上也才十一点多~
尊重原创，转载请注明来源：http://blog.csdn.net/star530/article/details/25250031