美文网首页
CocosCreator-使用convertToNodeSpac

CocosCreator-使用convertToNodeSpac

作者: 程序猿TODO | 来源:发表于2021-04-02 09:36 被阅读0次

含义

convertToNodeSpace

将一个点转换到节点 (局部) 坐标系,并加上锚点的坐标。
也就是说返回的坐标是相对于节点包围盒左下角的坐标。

convertToNodeSpaceAR

将一个点转换到节点 (局部) 空间坐标系,这个坐标系以锚点为原点。
也就是说返回的坐标是相对于节点原点的坐标。

convertToWorldSpace

将一个相对于节点左下角的坐标位置转换到世界空间坐标系。

convertToWorldSpaceAR

将一个相对于节点原点的坐标位置转换到世界空间坐标系。

使用总结

cocos引擎的世界坐标总是以左下角为原点,即左下角坐标为(0, 0)
convertToNodeSpaceconvertToNodeSpaceAR的输入参数是个世界坐标,返回值是相对于节点的局部坐标
convertToWorldSpaceconvertToWorldSpaceAR的输入参数是节点相对坐标,返回值是世界坐标
如果要把A节点的坐标转换为相对于B节点的坐标,应先把A坐标转换为世界坐标,然后再把得到的世界坐标转换为B坐标
convertToNodeSpaceAR返回目标节点空间系的局部坐标,一般使用它就够用了;
convertToNodeSpace是在convertToNodeSpaceAR基础上,加上目标节点锚点的坐标,最终得到相对于节点左下角的局部坐标。看下它的源码实现就明白了:

convertToNodeSpace(node, worldPoint) {
    let localPt = node.convertToNodeSpaceAR(worldPoint);
    localPt.x += node.anchorX * node.width;
    localPt.y += node.anchorY * node.height;
    return localPt;
}

相关文章

  • CocosCreator-使用convertToNodeSpac

    含义 convertToNodeSpace 将一个点转换到节点 (局部) 坐标系,并加上锚点的坐标。也就是说返回的...

  • CocosCreator-基本使用

    1.创建游戏场景 1.)在资源管理器中点击选中assets目录,确保我们的场景会被创建在这个目录下2.)点击资源管...

  • CocosCreator-使用分帧创建对象

    在Creator游戏开发中,一般是这样创建对象: 上面代码本身没有问题,就是连续实例化10个对象。但在大量UI、动...

  • CocosCreator-常用

    基本语法 1.JS 2.组件实例化 3.随机数 4.间隔性调用方法 5.节点下的组件数、组件 6.制作cow组件 ...

  • CocosCreator-总结

    包体优化 删除无用代码 定期清理,删除重复和未引用的资源 压缩音效文件,尽可能少占用空间 资源尽量放到res目录下...

  • CocosCreator-【射线】笔记

    1.必须在onLoad开启物理引擎start函数开启也不能使用射线 具体原因,暂不知道为什么,这个点有点坑。不开启...

  • CocosCreator-简易教程

    1. 界面 https://docs.cocos.com/creator/manual/zh/getting-st...

  • CocosCreator-如何保存文件

    在CocosCreator官方文档中没有提供跨平台的通用写文件接口。如果运行环境是浏览器,有一个替代方案可以实现把...

  • CocosCreator-主域/子域

    知道 微信小游戏为了保护其社交关系链数据,增加了子域的概念,子域又叫 开放数据域,是一个单独的游戏执行环境。子域中...

  • CocosCreator-如何动态加载资源

    本文主要说明在CocosCreator中如何动态加载Sprite、Prefab、Animation、Spine等资...

网友评论

      本文标题:CocosCreator-使用convertToNodeSpac

      本文链接:https://www.haomeiwen.com/subject/zphrhltx.html