zoukankan      html  css  js  c++  java
  • Cocos2D-X扫盲之坐标系、锚点

    一、引言

      在Cocos2D-X的开发过程中,经常会碰到设置精灵位置的问题。而设置位置的过程,涉及到两个问题:第一是坐标系,包括原点的位置、X/Y坐标轴的方向灯;第二是基准点(Cocos2D-X中叫锚点),即精灵旋转的时候,以哪个点为轴心;下面我们将逐一来分析这两个问题。

    二、正文

     1. 坐标系

      Cocos2D-X中,坐标系包括:OpenGL坐标系、世界坐标系、节点相对坐标系、仿射变换等,这些坐标系的原点都是在屏幕的左下角、X轴向右、Y轴向上。

      1.1 OpenGL坐标系

       屏幕坐标系的原点在屏幕的左上角、X轴向右、Y轴向下。屏幕触击时间CCTouch传入的位置信息就是该坐标系,因此Cocos2D-X在对屏幕触摸事件做出响应前,需要使用CCDirecotr::convertToGL()方法,将触摸点转化为OpenGL坐标系。

      1.2 世界坐标系

       也叫绝对坐标系,是游戏开发中建立的概念,世界是指游戏世界。Cocos2D-X中的元素都是父子关系的层级结构,通过CCNode设置位置使用的是相对其父节点的本地坐标系,最后绘制屏幕的时候,会将本地节点坐标映射成世界坐标系。

      1.3 节点坐标系

       节点坐标系是和特定节点相关联的坐标系,每个节点都有独立的坐标系。当节点移动或者改变方向的时候,和该节点相关联的坐标系(子节点)会随之一起移动或改变方向。CCNode类中设置位置使用的就是父节点的节点坐标系,它有两个函数可以转换坐标:

       convertToWorldSpace:把基于当前节点的本地坐标系转换为世界坐标系;不基于锚点,如果基于锚点应该使用convertToWorldSpaceAR;

       convertToNodeSpace:把世界坐标系转化为当前节点的本地坐标系;不基于锚点,如果基于锚点应该使用convertToNodeSpaceAR;

      1.4 仿射变换

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

     2. 锚点

      通俗点说,锚点就是你在CCNode中,使用贴图的基准点。默认锚点为(0.5, 0.5)。

      精灵在进行运动的过程中,都需要一个锚点,比如在旋转的过程中,设置的锚点不一样,旋转效果是不一样的。比如使用默认锚点,精灵是以中点为轴心旋转;使用(0, 0)作为锚点,精灵是以左下角为轴心旋转;使用(1, 1)作为锚点,精灵是以右上角为轴心旋转。

    三、小结

      这些都是基本的概念,有空的时候,我会附上详细的实例代码和效果图。

  • 相关阅读:
    酷狗大数据平台架构是如何重构的
    分层架构,前后端分离有啥坏处?
    Redis快速入门及应用
    Kafka不只是个消息系统
    提高代码质量:如何编写函数
    jquery 回车事件
    程序员的薪资是如何确定出来的?
    HTTP 错误 500.21
    制作手机浏览器显示格式的HTML页面
    操作必须使用一个可更新的查询。
  • 原文地址:https://www.cnblogs.com/nchxmoon/p/3832280.html
Copyright © 2011-2022 走看看