Cocos Creator 随笔（1）-- 世界坐标，相对坐标转换问题

convertToNodeSpace、convertToWorldSpace，都是以参照物的坐下角作为坐标点原点，向右和向上创建坐标系。
------------------------------convertToNodeSpace，获得的坐标相对于参照物的坐标。
------------------------------convertToWorldSpace，获得的坐标是参照物所在的坐标系中的坐标，即转换到参照物的世界坐标。

convertToNodeSpaceAR、convertToWorldSpaceAR，是以参照物的锚点为原点，向右、向上创建坐标系。
------------------------------convertToNodeSpaceAR，获得的坐标相对于参照物的坐标（此时坐标系的原点在参照物的锚点）。
------------------------------convertToWorldSpaceAR，获得的坐标是参照物所在的坐标系中的坐标，即转换到参照物的世界坐标（此时坐标系的原点在参照物的锚点）。
这样理解比较简单写，有AR的是以参照物的锚点作为新建坐标系的原点，没有AR的是以参照物的左下角作为新建坐标系的原点。

node.convertToNodeSpaceAR（pos）得到pos这个点在node上的相对位置pos为世界坐标
node.convertToWorldSpaceAR（pos）得到node上的点pos的世界坐标

不论一个节点有几个父节点，要得到它的世界坐标，可以有如下方法：
let worldPos = node.convertToWorldSpaceAR（cc.vec2（0, 0））得到node的世界坐标。

要得到节点node在节点node1上的相对坐标，万能方法如下：
let worldPos = node.convertToWorldSpaceAR（cc.vec2（0, 0））得到node的世界坐标。
let nodePos = node1.convertToNodeSpaceAR（worldPos）得到node在节点node1的相对坐标。

Cocos Creator 随笔（1）-- 世界坐标，相对坐标转换问题相关推荐

一文搞懂 Cocos Creator 3.x 坐标转换！建议收藏
Cocos Creator 3.x 如何将世界坐标转屏幕坐标?Creator 3D 怎么将 3D 坐标转化到 Canvas 上面?触摸的屏幕坐标如何转世界坐标?怎么把 Canvas 下的节点坐标转换为 ...
一文搞懂 Cocos Creator 3.0 坐标转换原理
一文搞懂 Cocos Creator 3.0 坐标转换原理屏幕坐标 UI 触点坐标 UI 多分辨率适配方案 UI 触点获取不同坐标之间的转换屏幕坐标与 3D 节点世界坐标互转 3D 节点之间的坐 ...
cocos creator 学习随笔 day03 节点和组件属性
目录节点本身属性控件属性场景空节点 3D对象 2D对象 UI组件光线特效摄像机地形节点本身属性第一栏为节点名,可修改,前面得勾,是表示是否使用该节点,去掉代表隐藏该节点,但是该节点 ...
Cocos Creator 世界坐标转屏幕坐标
Cocos creator某一坐标转屏幕坐标(screen position),以前都是屏幕坐标转世界坐标. 先上代码为敬(只是提供一种思路,有更好的实现和建议欢迎留言) //Scene的设计分辨率是 ...
022 - cocos creator 3D
#cocos creator 3D warning 报错:"project:///assets/main.js,将https中的export注视掉重试一遍知识点 scrollview组件添 ...
Cocos creator 学习笔记（2）
7.ts 跳转场景 director.loadScene("game"); 8 ts--在ts文件声明变量时,前面加上注解 @property,此变量量就可以在cocos ...
基于Cocos Creator 2.3.0,使用TypeScript(ts)实现微信跳一跳
在看我这篇文章之前,首先您应该掌握一些基本知识,一是了解和使用cocos creator的常用控件,如Button,Label,Sprite等,脚本事件绑定等;Vscode的基本操作;TypeScri ...
快速入门 Cocos Creator 3D Shader 上篇
前言 Shader,又名着色器,是控制 GPU 绘制的指令集.从某种意义来说,着色器是一个把输入转换到输出的程序,为图形渲染管线的某个特定部分而运行.图形渲染管线是渲染的核心组件.通过给定虚拟相机.3 ...
Cocos Creator 3D 材质系统：曲面效果如何实现？
引言前不久发布的 Cocos Creator 1.0.2 版本中正式加入了对 OPPO 小游戏.vivo 小游戏以及华为快游戏平台的支持,在诸多 Creator 3D 制作的小游戏案例中,<猪 ...

Cocos Creator 随笔（1）-- 世界坐标，相对坐标转换问题

Cocos Creator 随笔（1）-- 世界坐标，相对坐标转换问题相关推荐

最新文章

热门文章