Cocos2d-x从入门到精通第八课《坐标系统》

Cocos2d-x从入门到精通第八课《坐标系统》,第1张

概述一. Cocos2d-x坐标系的概念         本节课视频教程地址:http://edu.csdn.net/course/detail/1342/20992?auto_start=1         Cocos2d-x的坐标系和Opengl的坐标系相同,都起源于笛卡尔坐标系。那么什么是笛卡尔坐标系呢,如图:                                           一. Cocos2d-x坐标系的概念 本节课视频教程地址:http://edu.csdn.net/course/detail/1342/20992?auto_start=1

Cocos2d-x的坐标系和Opengl的坐标系相同,都起源于笛卡尔坐标系。那么什么是笛卡尔坐标系呢,如图:

笛卡尔坐标系有左右坐标系和右手坐标系,上图就是右手坐标系,而Cocos2d-x和Opengl使用的正式笛卡尔坐标系的右手坐标系。从图中我们可以看到有x,y,z三个轴,分别垂直。但是在2D的世界中Z轴是并不存在的,所以屏幕的坐标使用X,Y轴就可以表示了,下面我们来看一下屏幕坐标和Cocos的2d的坐标系统的区别和联系。如图:

从图中可以看出,屏幕坐标系和Cocos的2d坐标系都是有X,Y两个轴组成,而且方向上没有区别,但是Cocos的2d坐标系的原点(0,0)在左下角,而屏幕坐标系的原点(0,0)在左上角。

二. 世界坐标系和本地坐标系

世界坐系也叫做绝对系,是游中建立的概念。因此,世界指游世界。cocos2d中的元素是有父子关系的层级结构,我Nodesetposition定元素的位置使用的是相与其父点的本地坐系而非世界坐系。最后在制屏幕的cocos2d会把些元素的本地坐映射成世界坐系坐

本地坐系也叫相系,是和点相关的坐系。每个点都有独立的坐系,当点移或改方向,和该节点关的坐系将随之移或改方向。

实际中我往往需要根据需求两者转换,那么如何转换呢,里就不得不提到两个方法convertToNodeSpace,convertToWorldspace,下面我们通过代码来看一下通过这两种方法进行运算后的坐标。代码如下:
//创建node1    Node* node1 =Node::create();    //设置node1的坐标node1->setposition(Vec2(20,40));    //设置锚点为(0,0)node1->setAnchorPoint(Vec2(0,0));    //创建node2    Node* node2 =Node::create();    //设置node2的坐标node2->setposition(Vec2(-5,-20));    //设置node2的锚点node2->setAnchorPoint(Vec2(1,1));    //通过convertToNodeSpace获得node2相对node1的坐标    Vec2nodeposition = node1->convertToNodeSpace(node2->getposition());    //通过converToWorldspace获得node2的屏幕坐标Vec2 worldposition = node1->convertToWorldspace(node2->getposition());

运行结果:

下面我们来通过两幅图来看一下:

convertToNodeSpace标示图

node10,0)位置(20,40)node21,1,位置(-5,-20),上面说过convertToNodeSpace参照物点的位置是(0,0),程序中置的描点不起作用,碰巧,node1(0,0),所以以(20,40)个点做参照物,方向向右,向上正方向,(-5,-20)个参考点就是(-25,-60)

convertToWorldspace标示图

是将node2的坐标转化成相对于node1的世界坐标这个可以这样理解因为世界坐标是固定的node1的世界坐标只是在固定世界坐标的基础上做了平移这边是(20,40),node2相对于node1的世界坐标也只是做了同样大小的平移而已也就是(-5,-20)通过(20,40)做了平移结果(15,20)

除了这个两个函数之外还有convertToWorldspaceAR和convertToNodeSpaceAR两者和前两个函数的最的区别的就是提供了把锚点转成(0,0)的作用.

三.坐标系的总结

本节课主要讲解了Cocos2d-x坐标系,Cocos2d-x的坐标系就是使用的笛卡尔坐标系的右手坐标系,把屏幕的左下角设置成为了坐标系的原地,X和Y轴分别沿着屏幕向右和向上的方向。我们还讲解了convertToWorldspaceconvertToNodeSpace的使用方法和作用。

四,作业

结合本节课的知识去理解一下坐标系的使用。

总结

以上是内存溢出为你收集整理的Cocos2d-x从入门精通第八课《坐标系统》全部内容,希望文章能够帮你解决Cocos2d-x从入门到精通第八课《坐标系统》所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1070253.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存