zoukankan      html  css  js  c++  java
  • Cocos2d-x学习笔记(三)之 坐标系简介

    在学习cocos2d-x中的基本的类之前,先让我们来了解一下cocosd-x中的坐标系,cocos2d-x中有很多种坐标系,比如:OpenGL坐标系、世界坐标系、节点相对坐标系、仿射变换等。

    1、OpenGL坐标系:

      Cocos2d-x以OpenGL和OpenGL ES为基础,所以自然支持OpenGL坐标系。该坐标系远点为屏幕左下角,x轴向右,y轴向上。

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

    2、世界坐标系:

      世界坐标系也叫作绝对坐标系,是游戏开发中简历的概念,因此,“世界”即是游戏世界,它建立了描述其他坐标系所需要的参考标准。我们能够用世界坐标系来描述其他坐标系的位置。它是Cocos2d-x中一个比较大的概念。

      Cocos2d-x中的元素是有父子关系的层级结构。通过CCNode设置位置使用的是相对其父节点的本地坐标系,而非世界坐标系。最后在绘制屏幕的时候,Cocos2D-x会把这些元素的本地节点坐标映射成世界坐标系坐标。世界坐标系和OpenGL坐标系方向一致,原点在屏幕左下角,x轴向右,y轴向上。

    3、节点坐标系:

      节点坐标系是和特定节点相关系的坐标系。每个节点都有独立的坐标系。当节点移动或改变方向时,和该节点关联的坐标系(它的子节点)将随之移动或改变方向。这一切都是相对的,相对于基准的,只有在节点坐标系中才有意义。

      CCNode类的设置位置使用的就是父节点的节点坐标系。它和OpenGL坐标系的方向也是一致的,x轴向右,y轴向上,原点在父节点的左下角。如果父节点是场景树中的顶层节点,那么它使用的节点坐标系就和世界坐标系重合了。

      CCNode类对象中有两个方便的函数可以做坐标转换:

      1)convertToWorldSpace:把基于当前节点的本地坐标系下的坐标转换到世界坐标系中。

      2)convertToNodeSpace:把世界坐标转换到当前节点的本地坐标系中。

      这两种转换都是不考虑锚点的,都以当前节点父类的左下角的坐标为标准。另外,CCNode还提供了convertToWorldSpaceAR和convertToNodeSpaceAR,这两个方法完成同样的功能,但是它们的基准坐标是基于坐标锚点的。几乎所有的游戏引擎都会使用类似的本地坐标系而非世界坐标系类指定元素的位置。这样做的好处是,当计算物体运动的时候,使用同一本地坐标系的元素可以作为一个子系统独立计算,最后在加上坐标系的运动即可,这里物理研究中常用的思路,例如:一个在行驶的车厢内上下跳动的人,只需要在每帧绘制的时候计算他在车厢坐标系中的位置,然后加上车的位置就可以计算出人在世界坐标系中的位置。如果使用单一的世界坐标系,人的运动轨迹就变的很复杂,这就涉及中学所学到的运动轨迹的合成与分解。

    4、仿射变换:

      游戏大量使用的旋转、缩放、平移等都是仿射变换。所谓仿射变换是指在线性变换的基础上加上平移。平移不是线性变换。

      二维计算机图形学中的仿射变换通常是通过和3X3齐次矩阵相乘来实现的。

    下面在介绍一下和坐标相关的锚点概念:

      锚点指定了贴图上和所在节点原点(也就是设置位置的点)重合的点的位置,因此只有在CCNode类节点使用贴图的情况下,锚点才有意义。

      锚点的默认值是(0.5,0.5),表示的并不是一个像素点,而是一个乘数因子。(0.5,0.5)表示锚点位于贴图长度乘0.5和宽度乘0.5的地方,即贴图的中心。

      改变锚点的值虽然可能看起来节点的图像位置的发生了变化,但其实并不会改变节点的位置,其实变化的只是贴图相对于你设置的位置的相对位置,相当于你在移动节点里面的贴图,而非节点本身。如果把锚点设置成(0,0),贴图的左下角就会和节点的位置重合,这可能使得元素定位更为方便,但会影响到元素的缩放和旋转等一系列变换。因此并没有一种锚点设置是放之四海而皆准的,要根据你这个对象的使用情况来定义。在Cocos2d-x中锚点为默认值(0.5,0.5),这样的锚点设置要把一个节点放置到贴图的中央。

  • 相关阅读:
    Python函数
    Python的集合框架
    go的相关用法
    如何完整反编译AndroidMainfest.xml
    英语中时间的表达方法
    3. vue脚手架安装 express 框架使用 vue框架 weiUI
    2. TypeScript笔记
    基于SignalR的消息推送与二维码描登录实现
    MVC-Model数据注解(三)-Remote验证的一个注意事项
    MVC Remote属性验证
  • 原文地址:https://www.cnblogs.com/atong/p/3268029.html
Copyright © 2011-2022 走看看