博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Cocos-2d 坐标系及其坐标转换
阅读量:5840 次
发布时间:2019-06-18

本文共 1638 字,大约阅读时间需要 5 分钟。

Cocos-2d中,涉及到4种坐标系:

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轴向上。

Cocos-2d中,坐标系转换:

CCPoint convertToNodeSpace(const CCPoint& worldPoint);

CCPoint convertToWorldSpace(const CCPoint& nodePoint);
CCPoint convertToNodeSpaceAR(const CCPoint& worldPoint);
CCPoint convertToWorldSpaceAR(const CCPoint& nodePoint);

1.CCPoint convertToNodeSpace(const CCPoint& worldPoint);

 

CGPoint nodeSpace = [spriteParentconvertToNodeSpace:orignPosition];

将orignPosition转换为相对于spriteParent的本地坐标

2.CCPoint convertToWorldSpace(const CCPoint& nodePoint);

 

CGPoint wordeSpace = [spriteParentconvertToWorldSpace:orignPosition];

将orignPosition转换为相对于spriteParent的世界坐标

3.CCPoint convertToNodeSpaceAR(const CCPoint& worldPoint);

 

CGPoint nodeSpaceAR = [spriteParentconvertToWorldSpace:orignPosition];

将spriteParent的坐标系原点设置在spriteParent的锚点位置

然后 orignPosition转换为相对于spriteParent的本地坐标

4.CCPoint convertToWorldSpaceAR(const CCPoint& nodePoint);

 

CGPoint wordeSpaceAR = [spriteParentconvertToWorldSpace:orignPosition];

将spriteParent的坐标系原点设置在spriteParent的锚点位置

然后 orignPosition转换为相对于spriteParent的世界坐标

 

转载地址:http://zxvcx.baihongyu.com/

你可能感兴趣的文章
[转] vue异步处理错误
查看>>
CSS 3D动画概述菜鸟级解读之一
查看>>
分布式系列文章 —— 从 ACID 到 CAP / BASE
查看>>
方法签名与方法重载
查看>>
vim
查看>>
bzoj2095: [Poi2010]Bridges(二分+混合图求欧拉回路)
查看>>
cmake 变量
查看>>
[Programming Entity Framework] 第2章 探究实体数据模型(EDM)(一)
查看>>
shell环境
查看>>
Java调用C++类库--JNI
查看>>
gles和opengl版本对照表
查看>>
微信开发(二)自己的代码
查看>>
python netwokx环境搭建
查看>>
面向空实现类继承
查看>>
1303: Decimal
查看>>
奥数 --- 找规律 + 总结
查看>>
数据类型和变量
查看>>
多线程糗事百科案例(python2)
查看>>
Jsp验证码
查看>>
[JavaScript] JavaScript作用域深度解析
查看>>