Cocos Creator 坐标系

最新推荐文章于 2024-03-26 10:56:19 发布
最新推荐文章于 2024-03-26 10:56:19 发布
阅读量1.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43287088/article/details/106679627
版权
本文介绍了Cocos Creator与其他引擎如Egret和Laya中坐标系统的区别。在Cocos中，坐标轴方向与Egret和Laya相反，Y轴向上，角度逆时针旋转为正。此外，Cocos的组件锚点默认为0.5，居中对齐。在canvas居中且宽高为960x640的情况下，若要将按钮摆放到离canvas左下角(100,100)的位置，需要计算正确的按钮坐标。" 55808982,1225312,PMI权限管理基础设施详解,"['信息安全', '访问控制', '权限管理', 'PKI', '认证']
摘要由CSDN通过智能技术生成

版本：2.3.4

参考
cocos教程：坐标系和变换

 

cocos的坐标系和其他引擎不一样。

 

Egret中坐标系

舞台的原点在左上角

组件的原点也在左上角

角度顺时针旋转为正数，逆时针旋转为负数

 

 

Laya中坐标系

和Egret一致

 

 

Cocos坐标系

和Laya、Egret的y轴朝下的，cocos的y轴是朝上的。

角度顺时针是负数，逆时针是正数。

而且cocos新建组件锚点0.5居中

最低0.47元/天 解锁文章
「已注销」
关注
Cocos坐标体系
Samgenius的博客
03-27 533
有如下几个概念： 表示方法：Vec2 其本质上就是一个Point，由两个float组成，表示x和y。 UI坐标：手机的定义坐标，其原点是在左上角的，我们通常把带有View的函数认为是和UI坐标相关的函数，可以获取UI坐标的触摸对象：touch->getLocationInView（） OpenGl坐标：这是一个三维坐标，原点在左下角 世界坐标：遵循OpenGL坐标标准，原点也在左下角,sc
cocos2d 坐标系使用
悦峰原创博客
11-12 7538
GL坐标系 Cocos2D以OpenglES为图形库，所以它使用OpenglES坐标系。GL坐标系原点在屏幕左下角，x轴向右，y轴向上。 屏幕坐标系 苹果的Quarze2D使用的是不同的坐标系统，原点在屏幕左上角，x轴向右，y轴向下。ios的屏幕触摸事件CCTouch传入的位置信息使用的是该坐标系。因此在cocos2d中对触摸事件做出响应前需要首先把触摸点转化到GL坐标系。可以使用CCDir
Cocos Creator：坐标系
HadesNyx
12-11 1714
以上就是关于 Cocos Creator 3.8 中节点坐标的使用详解。convertToWorldSpaceAR不能使用 使用inverseTransformPoint代替
深入理解 cocos2d-x 坐标系
weixin_30379911的博客
08-31 149
首先对于初学的，带大家认识 cocos2d-x 中坐标系的几个概念，参考 http://blog.csdn.net/tskyfree/article/details/8292544。其他的往下看。 弄懂坐标系是开始开发的重要的一步，为了不让大家头晕，现在里沃特深入的为大家讲解一下，本人原文地址：http://www.cnblogs.com/lyout/p/3292702.html。 首先我们添...
Cocos Creator 坐标转换
飞飞飞的博客
04-25 4801
转载自https://www.jianshu.com/p/350a488f4802 主要简单讲解下坐标系统，由于Creator是基于Cocos2dx，也就是使用OpenGL的坐标系，即原点在屏幕左下角，x轴向右，y轴向上。然后讲解下本地坐标与世界坐标，最后讲下坐标转换。 坐标系 基于OpenGL坐标，也就是原点在屏幕左下角，x轴向右，y轴向上。下面讲解的世界坐标也就是与OpenGL坐...
Cocos Creator 坐标系 （convertToWorldSpaceAR、convertToNodeSpaceAR）
gamedaybyday
06-11 2634
版本：2.3.4 参考cocos教程：坐标系和变换 cocos的坐标系和其他引擎不一样。 Egret中坐标系 舞台的原点在左上角 组件的原点也在左上角 角度顺时针旋转为正数，逆时针旋转为负数 Laya中坐标系 和Egret一致 Cocos坐标系 和Laya、Egret的y轴朝下的，cocos的y轴是朝上的。 角度顺时针是负数，逆时针是正数。 而且cocos新建组件锚点0.5居中 本...
Cocos Creator 世界坐标转屏幕坐标
Andy的专栏
12-06 1476
Cocos creator某一坐标转屏幕坐标（screen position），以前都是屏幕坐标转世界坐标。 先上代码为敬（只是提供一种思路，有更好的实现和建议欢迎留言） 以上是获取屏幕坐标的代码，代码简陋只提供一种思路，不同机型测试显示的内容都会正确覆盖在panel上。
cocoscreator 实现的 开心消消乐
11-03
《cocoscreator 实现的 开心消消乐》是一款基于Cocos Creator 1.8版本开发的三消类休闲游戏，其设计与实现充分展示了Cocos Creator在游戏开发中的强大功能和灵活性。作为一款广受欢迎的游戏类型，三消游戏的核心在于...
CocosCreator小球发射线
12-18
CocosCreator使用右手坐标系，X轴正方向为右，Y轴正方向为上。当玩家点击屏幕时，需要将点击位置转换为角度。这通常通过atan2函数实现，它能根据x和y坐标返回弧度角，然后转换为玩家习惯的0到360度范围。 2. **正弦...
Cocos2d-x学习笔记（三）—— 坐标系
08-07
Cocos2d-x学习笔记（三）—— 坐标系
CocosCtreator知识点4:Creator中的坐标系和节点属性详解
最新发布
EricShx
03-26 1815
Creator中的坐标系和节点基础属性
Cocos Creator 教程 : 坐标系统
voidinit的专栏
07-17 686
主要简单讲解下坐标系统，由于Creator是基于Cocos2dx，也就是使用OpenGL的坐标系，即原点在屏幕左下角，x轴向右，y轴向上。然后讲解下本地坐标与世界坐标，最后讲下坐标转换。 点击链接加入群聊【unity/cocos交流二群】 坐标系 基于OpenGL坐标，也就是原点在屏幕左下角，x轴向右，y轴向上。下面讲解的世界坐标也就是与OpenGL坐标系方向一致。 本地坐标 本地坐标是相对于父节点而言的，也就是相对于父节点的位置。通过node的getPosition()来获取坐标。 世界坐标
注意到这些，Cocos Creator 坐标系不再迷糊
weixin_42493393的博客
07-29 2298
看完官方文档： Cocos Creator 坐标系，写完合成大西瓜，仍然对坐标系，参照标准，位置的确定这些问题，显得十分迷糊。将世界坐标系、屏幕坐标系、子节点与父节点搞清楚后，好像还是不能理解这些坐标位置的产生。推本溯源后惊觉： canvas根节点，本身就是一个节点。 注意到这一点，就是不再犯迷糊的起点。来看看canvas的Node节点属性 canvas作为根节点，位置position,锚点anchor和宽高size是上锁的不让修改的。我们要关注的是： 位置position,锚点anchor 这两
cocos 坐标系
qq_45827064的博客
06-02 95
Cocos2d-x 3.x 之 坐标系
继续激情，继续奋斗。
06-21 1843
Cocos2d-x 3.x 之 坐标系
cocoscreator 坐标系解释
zhang804633234的专栏
01-20 1907
1，convertToWorldSpaceAR 以该节点锚点作为参照物画坐标系， 一般就是该参照物世界坐标+转换坐标 this.node.position.x=50; this.node.position.y=50; let whiteWorldPos = this.node.convertToWorldSpaceAR(cc.v2(0,0)); console.log(whiteWorldPos.x, whiteWorldPos.y); 输出 50,50 let whiteWorldPos =
cocos2d的坐标系
杨坤的技术博客
06-18 725
使用cocos2d来写程序时，经常会遇到世界坐标系，本地坐标系等概念。与之对应的是convertToGL, convertToWorldSpace, convertToNodeSpace等函数。这边简单的做一点摘记。 GL坐标系 cocos2d使用的opengl坐标系，即左下角为坐标原点(0,0)。x轴正方向向右，y轴正方向向上。 屏幕坐标系 苹果使用的坐标系的左上
cocoscreator开发踩坑--坐标转换，将C转换为A的子节点
cmqwan的博客
01-31 8402
cocoscreator开发踩坑–坐标转换，将C转换为A的子节点 文章目录cocoscreator开发踩坑--坐标转换，将C转换为A的子节点问题描述解决方式函数封装官方api解释convertToWorldSpaceARconvertToNodeSpaceAR联系方式 问题描述 将C转换为A的子节点，中间的坐标转换问题 下面是我遇到的情况： A节点包含B节点，B节点包含C节点 C是B的子节点，B是...
计算射线和面的交点，已知射线起点，方向，相交面的法线和面上的点，用算法实现，cocos creator坐标系下
05-27
可以使用以下的算法来计算射线和平面的交点： 1.将射线起点和相交面上的点表示成向量形式，记为 P 和 Q。 2.将相交面的法线表示成向量形式，记为 N。 3.计算射线方向向量的点积和法线向量的点积，如果它们的乘积为零，则说明射线和平面平行，没有交点；否则，继续执行下一步。 4.计算射线起点到相交面的距离，记为 t = dot(Q-P, N) / dot(dir, N)，其中 dir 是射线方向向量。 5.如果 t < 0，则说明射线和平面不相交；否则，计算交点坐标，记为 P + t * dir。 在 Cocos Creator 坐标系下，可以按照以下步骤实现： 1.将 P、Q 和 dir 转换为世界坐标系下的向量，可以使用 cc.v3() 函数。 2.将 N 转换为世界坐标系下的向量，并进行归一化，可以使用 cc.v3() 和 normalize() 函数。 3.计算点积和距离，可以使用 cc.v3().dot() 函数和 cc.v3().sub() 函数。 4.根据 t 计算交点坐标，可以使用 cc.v3().add() 和 cc.v3().mul() 函数。 以下是示例代码： ``` // 射线起点 P，方向 dir，相交面的点 Q 和法线 N，都是在节点的本地坐标系下表示的 let P = cc.v3(0, 0, 0); let dir = cc.v3(1, 0, 0); let Q = cc.v3(1, 1, 0); let N = cc.v3(0, 0, 1); // 将 P、Q 和 dir 转换为世界坐标系下的向量 P = node.convertToWorldSpaceAR(P); Q = node.convertToWorldSpaceAR(Q); dir = node.convertToWorldSpaceAR(dir).sub(P).normalize(); // 将 N 转换为世界坐标系下的向量，并进行归一化 N = node.convertToWorldSpaceAR(N).normalize(); // 计算点积和距离 let dotDirN = dir.dot(N); if (dotDirN == 0) { // 射线和平面平行，没有交点 } else { let t = Q.sub(P).dot(N) / dotDirN; if (t < 0) { // 射线和平面不相交 } else { let intersection = P.add(dir.mul(t)); // intersection 就是交点坐标 } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值