cocos creator 將世界坐标转换为节点内的坐标

最新推荐文章于 2025-07-22 09:50:37 发布
原创 最新推荐文章于 2025-07-22 09:50:37 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍在Cocos2d-x中如何使用convertToNodeSpaceAR方法将世界坐标转换为节点局部坐标，这对于游戏开发中处理触摸事件或进行精确的节点定位至关重要。 
var nodeV = this.node.convertToNodeSpaceAR(cc.v2(x,y));

 

CocosCreate3.4屏幕点击点转换为节点坐标方法
丶虎子oc
08-24 2404
CocosCreate3.4版本屏幕点击点转换为节点坐标方法
CocosCreator 不同节点坐标互相转换
xiaolianshan的博客
05-29 4523
CocosCreator 不同节点坐标互相转换 以下代码是typescript /** 获取把node1移动到node2位置后的坐标 */ public static convertNodeSpaceAR(node1: cc.Node, node2: cc.Node) { return node1.parent.convertToNodeSpaceAR(node2.parent.convertToWorldSpaceAR(node2.position)) }
Cocos Creator 坐标转换
飞飞飞的博客
04-25 5301
转载自https://www.jianshu.com/p/350a488f4802 主要简单讲解下坐标系统，由于Creator是基于Cocos2dx，也就是使用OpenGL的坐标系，即原点在屏幕左下角，x轴向右，y轴向上。然后讲解下本地坐标与世界坐标，最后讲下坐标转换。 坐标系 基于OpenGL坐标，也就是原点在屏幕左下角，x轴向右，y轴向上。下面讲解的世界坐标也就是与OpenGL坐...
cocosCreator 节点坐标和世界坐标的转换
huanghuipost的博客
10-30 1万+
问题描述：同一个层上的不同节点下的元素移动。 在C这个层上面有两个节点A和B，现在我想把A下的一个临时创建的节点移动到B下 这个时候，第一想到的是，获取两个创建的节点的坐标，然后cc.Move 但是实际的效果不是这样的，元素都不知道移动到那里去了？ 因为，节点的坐标都是相对的。就是在A下新建一个节点，他的坐标就是cc.v2(0,0); 转换世界坐标 整体思路就是 ...
cocos2d-js中的回调函数中世界坐标系和节点坐标系的相互转换
In_Zihuatanejo的博客
05-09 1012
世界坐标和节点坐标相互转换
cocos2d 世界坐标和节点坐标的相互转化
andy1515的专栏
11-14 426
https://blog.youkuaiyun.com/u010023457/article/details/41958921 参考此篇文章
Cocos Creator 世界坐标转屏幕坐标
Andy的专栏
12-06 1845
Cocos creator某一坐标转屏幕坐标（screen position），以前都是屏幕坐标转世界坐标。 先上代码为敬（只是提供一种思路，有更好的实现和建议欢迎留言） 以上是获取屏幕坐标的代码，代码简陋只提供一种思路，不同机型测试显示的内容都会正确覆盖在panel上。
CocosCreator 搭建场景和坐标系转换(第二篇)
程序员战胜
02-14 2292
前言： 我们在玩随便一个游戏时，都会发现游戏有很多个的界面，比如（登录界面、主菜单界面，游戏界面、商店界面等），其实这都是一个个的场景，我们通过代码来控制不同场景之间的切换。一个场景里面会有很多的节点组成，为制作出多种多样的节点，我们是通过在节点上挂载不同的组件来实现。在搭建场景时，需要用到一个重要概念----坐标，这个坐标包括相对坐标和世界坐标两种。相对坐标是指以父亲节点为参考系，世界坐标是指以...
Cocos知识点8:为什么在CocosCreator中，节点的 Position 属性设定的节点位置是该节点相对于父节点的 本地坐标系，而非世界坐标系？
EricShx
05-31 665
Cocos Creator中节点的 Position 属性采用相对父节点的本地坐标系，旨在实现层次化场景管理、提高计算效率、促进逻辑分离与模块化开发、简化动画与特效处理，以及更好地配合物理模拟与碰撞检测系统。这种设计有助于构建灵活、高效且易于维护的游戏场景结构。
【cocos creator】世界坐标转换 | 摄像机学习（详细，举例子解析）
weixin_44766680的博客
11-24 3156
这里写自定义目录标题cocos creator坐标转换1.区分世界坐标和本地坐标（节点坐标）2.坐标转换的理解合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 cocos creator坐标转换 看了官方文档，对于坐标转换依旧一脸懵逼，然后就
cocos creator中世界坐标与本地坐标
程序人生
07-22 314
比如首先构建一个默认的坐标系O，里面有两个点A（2，1）和B（3，2）。如果此时以A点在构建一个坐标系，那么B点在A里面坐标变为（1，1）.此时O可以成为世界坐标系，而A可以称为一个本地坐标系。B点的位置一直没有发生改变，只是在不同的坐标系中，位置不一样。如果将Cube-002放到Cube下，就变成了Cube本地坐标系下的物体，此时坐标值就变为本地坐标系下的4.907。所以在cococs中每个物体都有两个位置，一个世界位置，一个本地位置。一般都会定义一个不变的世界坐标，然后里面会有不同的局部坐标。
一文搞懂 Cocos Creator 3.x 坐标转换！建议收藏
奎特尔星球
03-07 1万+
Cocos Creator 3.x 如何将世界坐标转屏幕坐标？Creator 3D 怎么将 3D 坐标转化到 Canvas 上面？触摸的屏幕坐标如何转世界坐标？怎么把 Canvas 下的节...
cocos creator 3d坐标转换成2d坐标
qq_52381274的博客
07-30 818
cam是指3d相机 converttouiNode第一个参数为想要转换的坐标，第二个为想转换坐标到哪个节点的坐标系下，第三个参数为输出的转换后的坐标。1.cocos提供了将3d坐标转换成2d坐标的方法。cocos creator相关技术难点。
CocosCreator开发笔记(22)-使用convertToNodeSpace和convertToWorldSpace
楚游香的博客
03-03 2288
含义 convertToNodeSpace 将一个点转换到节点 (局部) 坐标系，并加上锚点的坐标。 也就是说返回的坐标是相对于节点包围盒左下角的坐标。 convertToNodeSpaceAR 将一个点转换到节点 (局部) 空间坐标系，这个坐标系以锚点为原点。 也就是说返回的坐标是相对于节点原点的坐标。 convertToWorldSpace 将一个相对于节点左下角的坐标位置转换到世界...
cocos2dx convertToNodeSpace和convertToWorldSpace
IT_small_farmer的专栏
07-30 3369
游戏中经常会用到一些变换： 游戏中武器和角色在一个layer上，为了效率，会考虑将bullet, effect和 PhysicsParticle分别放到不用的层上，对应的层上使用batchnode来提高效率 武器和PhysicsParticleLauncher(粒子发射器)绑定，发射的时候，会向PhysicsParticleLayer的武器相同的位置上生成一个物理粒子特效 会经常用到
Cocos Creator 随笔（1）-- 世界坐标，相对坐标转换问题
醉翁亭
07-05 2818
convertToNodeSpace、convertToWorldSpace，都是以参照物的坐下角作为坐标点原点，向右和向上创建坐标系。 ------------------------------convertToNodeSpace，获得的坐标相对于参照物的坐标。 ------------------------------convertToWorldSpace，获得的坐标是参照物所在的坐标系中...
CocosCreator 本地坐标世界坐标转换
马小宇的博客
04-02 1万+
之前困扰过, 学习了几篇文章和动手实际操作了一下.理清楚了, 其实很简单. 如下图所示: player为一个空物体坐标(-197,-77),子物体star是图中的星星.坐标(0,0) 脚本zuobiao.ts绑定在Canvas上. const {ccclass, property} = cc._decorator; @ccclass export default class Ne...
Cocos Creator 节点的坐标转化
热门推荐
allenwithno3的博客
10-23 1万+
节点坐标与世界坐标的转化方法有： convertToNodeSpace(worldPoint);//将世界坐标转换为模型坐标。 convertToNodeSpaceAR(worldPoint);//将世界坐标转换为模型坐标。AR表示相对于锚点。 convertTouchToNodeSpace(touch);//将世界坐标中触摸点转换为模型坐标。 convertTouchToNodeSpa...
Cocos Creator：坐标系
HadesNyx
12-11 3362
以上就是关于 Cocos Creator 3.8 中节点坐标的使用详解。convertToWorldSpaceAR不能使用 使用inverseTransformPoint代替
cocos creator坐标转换详解
最新发布
08-08
### 3.1 坐标系统概述 Cocos Creator 使用的是笛卡尔坐标系，其中屏幕左下角为原点 (0, 0)，向右为 X 轴正方向，向上为 Y 轴正方向。节点的本地坐标系是以其父节点的锚点为中心的，而世界坐标系则是以整个场景的左下角为基准点。在开发过程中，常需要将本地坐标转换为世界坐标，例如在处理触摸事件时获取点击位置的世界坐标[^2]。 ### 3.2 坐标转换方法详解 #### 3.2.1 `convertToWorldSpace` 该方法用于将节点本地坐标系中的一个点转换为世界坐标系中的位置。其原型如下： ```ts convertToWorldSpace(localPoint: Vec2): Vec2 ``` 其中 `localPoint` 是相对于节点本地坐标系的点，通常是以节点左上角为原点（在 Cocos Creator 中为左上角）。该方法返回一个 `Vec2` 对象，表示该点在世界坐标系中的位置。 ##### 示例代码 ```ts const localPoint = new Vec2(0, 0); const worldPoint = this.node.convertToWorldSpace(localPoint); console.log(`World Coordinate: (${worldPoint.x}, ${worldPoint.y})`); ``` 在上述代码中，`this.node` 是当前节点对象，调用 `convertToWorldSpace` 后，会将本地坐标 `(0, 0)` 转换为世界坐标，输出结果取决于节点在场景中的实际位置。 #### 3.2.2 `convertToNodeSpace` 该方法用于将世界坐标系中的一个点转换为当前节点的本地坐标系中的位置。其原型如下： ```ts convertToNodeSpace(worldPoint: Vec2): Vec2 ``` ##### 示例代码 ```ts const worldPoint = new Vec2(100, 100); const localPoint = this.node.convertToNodeSpace(worldPoint); console.log(`Local Coordinate: (${localPoint.x}, ${localPoint.y})`); ``` 该方法适用于将世界坐标（如触摸事件获取的坐标）转换为节点本地坐标，便于进行碰撞检测或 UI 交互。 #### 3.2.3 `convertToUI` 在 Cocos Creator 中，若需要将世界坐标转换为 UI 坐标（即以屏幕左上角为原点的坐标），可以使用 `convertToUI` 方法。其原型如下： ```ts convertToUI(worldPoint: Vec2): Vec2 ``` ##### 示例代码 ```ts const worldPoint = new Vec2(100, 100); const uiPoint = this.node.convertToUI(worldPoint); console.log(`UI Coordinate: (${uiPoint.x}, ${uiPoint.y})`); ``` 此方法常用于 UI 元素的定位和交互处理，特别是在全屏 UI 或屏幕适配场景中。 ### 3.3 触摸事件中的坐标转换 Cocos Creator 的触摸事件返回的是世界坐标，可以通过 `getLocation()` 方法获取当前触摸点的世界坐标[^2]。 ##### 示例代码 ```ts this.node.on(Node.EventType.TOUCH_MOVE, this.onTouchMove, this); private onTouchMove(event: EventTouch) { const worldPos = event.getLocation(); const localPos = this.node.convertToNodeSpace(worldPos); console.log(`Local Position: (${localPos.x}, ${localPos.y})`); } ``` 在上述代码中，`event.getLocation()` 获取的是世界坐标，通过 `convertToNodeSpace` 转换为当前节点的本地坐标，以便进行精确的交互处理。 ### 3.4 坐标转换的注意事项 - **锚点影响**：节点的锚点设置会影响本地坐标系的原点位置，因此在进行坐标转换时需注意锚点的影响。 - **层级关系**：节点的父节点位置、缩放、旋转等属性会影响本地坐标到世界坐标的转换结果。 - **UI 与 3D 场景差异**：在 Cocos Creator 3D 场景中，坐标转换逻辑与 2D 场景略有不同，需结合摄像机和视口进行处理。 ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值