在Cocos2D-X中,存在四种坐标系:

1、OpenGL坐标系:该坐标系原点在屏幕左下角。x轴向右,y轴向上。这也就是cocos2dx中用到的坐标系所以没啥好说的。

2、屏幕坐标系(UIKit坐标):该坐标系的原点在屏幕左上角,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坐标系。方法有两种:

<span style="font-size:14px;">auto point = touch->getLocation();//直接从touch中获取,在getLocation()源代码里会将坐标转成OpenGL坐标系

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

以下看下完整的代码:

2、接下来说节点坐标吧。世界坐标不打算具体介绍,由于自己也没怎么去用过...

节点坐标的一个比較典型的使用方法应该就是scrollView了吧。比如在scrollView的层上有一个精灵sp。你想获取sp在scrollView中的哪个位置。但是每次获取的坐标都不一样。原因就在于你每次获得的坐标都是OpenGL坐标。上面有说道了,OpenGL的坐标原点是在屏幕的左下角。而scrolView是一直在拖动的。每拖动一次sp的OpenGL坐标当然也跟着改变。解决的方法就是将OpenGl坐标转成节点坐标,方法例如以下:

在窗体中放置对象时(如图像等),默认的是从左下角開始算偏移量,坐标偏移是相对于图像的锚点来计算的,锚点的位置默认在图像中心位置。比如:将一副图像放在窗体位置(0,0),就是将图像的中心点(锚点)放置在该原点位置。能够用精灵来将载入图像,然后将精灵放置在层(CCLayer)中。放在哪个层,坐标的原点就是哪个图层的左下角。

即是坐标位置是相对于图层而言的,不是相对于屏幕!这个概念非常重要。

在以下的地图滚动中。不了解这个概念就非常难理解地图滚动的算法。



【Cocos2d-x】坐标系和图层的更多相关文章

  1. WGS84坐标系图层转火星坐标系(是整个图层转哟,不是转单点坐标)

    开篇唠叨(着急的略过) 大天朝“火星坐标系”小科普:是一种国家保密插件,对真实坐标系统进行人为的加偏处理,将真实的坐标加密成虚假的坐标,加密后的坐标被称为火星坐标系统.所有的电子地图所有的导航设备,都 ...

  2. cocos2D(五岁以下儿童)---- CCNode

    本将主要介绍下CCNode这个类.CCNode是全部节点的基类,当中包含我们经常使用的CCScene(场景).CCLayer(图层).CCSprite(精灵)等.它是一个不可以可视化显示的抽象类,仅仅 ...

  3. QGis(三)查询矢量图层的要素属性字段值(转载)

    QGis(三)查询矢量图层的要素属性字段值 https://github.com/gwaldron/osgearth/issues/489 当加载一个矢量图层后,如果要查看要素的属性字段值,则需要实现 ...

  4. 五、CCNode

    本将主要介绍下CCNode这个类,CCNode是所有节点的基类,其中包括我们常用的CCScene(场景).CCLayer(图层).CCSprite(精灵)等,它是一个不能够可视化显示的抽象类,只是用来 ...

  5. UML设计,可以设计程序的用例图、类图、活动图等_SurfaceView

    « 对Cocos2d游戏引擎有一定的了解和实践,并接触过处理3D图形和模型库的OpenGL 在进行游戏界面的绘制工作中,需要处理大量的工作,这些工作有很多共性的操作:并且对于游戏界面的切换,元素动作的 ...

  6. ARCGIS对谷歌影像进行投影转换

    相信有不少同学会有这样的困扰,通过软件下载的谷歌遥感影像,直接用ARCGIS等专业软件打开之后发现,遥感影像有拉伸的情况,这是什么原因呢.那是因为,通过软件下载下来的遥感影像的投影信息包含的是经纬度信 ...

  7. CATransform3D

    本章介绍图层的几何组成部分,及他们之间的相互关,同时介绍如何变换矩阵可以产生复杂的视觉效果. 1.1 图层的坐标系 图层的坐标系在不同平台上面具有差异性.在iOS系统中,默认的坐标系统原点在图层的中心 ...

  8. iOS开发——使用OC篇&frame,bounds,center,position,anchorPoint总结

    frame,bounds,center,position,anchorPoint总结 图层的 position 属性是一个 CGPoint 的值,它指定图层相当于它父图层的位置, 该值基于父图层的坐标 ...

  9. flash 动画数据导出 到 coco2d-js ,cocos2d-x 问题的记录

    1:必须搞清flash坐标系 和 cocos2d 的坐标系的差异2:对于cocos2d系列坐标系的深入理解: 以前我们常认为 coco2d-x的X,Y是相对坐标系,相对于父节点的X,Y的坐标,这种说法 ...

随机推荐

  1. colab使用谷歌云中的文件

    colab使用谷歌云中文件 无法一劳永逸 Google Colab最大的不足就是使用虚拟机,这意味着我们自行安装的库虚拟机重启之后,就会被复原,比如keras,数据无法持久化.为了能够持久保存数据,我 ...

  2. H3BPM表单设计器公式设计参考

    表单设计器公式设计参考 整体说明 Ø 公式以javascript方式解析,最终支持JS语法或计算方式: Ø 公式变量以数据项为主,以{}符号表示数据项,例如数据项A,表示为{A}:如果是子表中的数据项 ...

  3. NOIP2014 day2 t2 寻找道路

    寻找道路 NOIP2014 day2 t2 描述 在有向图 G 中,每条边的长度均为 1,现给定起点和终点,请你在图中找一条从起点到 终点的路径,该路径满足以下条件: 1.路径上的所有点的出边所指向的 ...

  4. Selenium等待某个元素出现之隐式等待

    找不到元素这个问题困扰了两天了,一直怀疑是页面div层次太多,定位不准确.于是就从table开始到最后一层精确定位,仍然找不元素.怎么办,在网上搜索答案,说是可以加个隐式试试,于是在执行前加了一句等待 ...

  5. tab选项卡切换(js原生、jQuery )

    思路: ① 遍历Tab选项 ② 然后给每个Tab选项绑定点击事件 ③ 每次点击时清除所有Tab选项及Tab选项内容的样式,然后给当前Tab选项添加标记样式,给当前Tab选项添加显示样式 <!DO ...

  6. jQuery操作DOM知识总结

    jquery操作DOM(节点) 1.创建元素 //$(htmlStr) //htmlStr:html格式的字符串 $("<span>这是一个span元素</span> ...

  7. QS之vsim

    vsim - The vsim command invokes the VSIM simulator -L <library_name> … (optional) Specifies th ...

  8. 可以忽略的:BASH:/:这是一个目录

    linux Ubuntu 14.04 在使用VIM编辑 /etc/profile 保存之后,出现了这个问题 其实,这个是可以忽略不计的问题,字符编码问题

  9. jquery插件生成简单二维码

    除了利用第三方网站生成二维码外,这是一个比较简单的办法吧. <script src="/Scripts/jquery.qrcode.min.js" type="te ...

  10. bootstrap3-dialog:更强大、更灵活的模态框

    用过bootstrap框架的同学们都知道,bootstrap自带的模态框用起来很不灵活,可谓鸡肋的很.但nakupanda开源作者封装了一个更强大.更灵活的模态框——bootstrap3-dialog ...