cocos creator锚点分析

简介: 锚点(Anchor) 是节点的另一个重要属性,它决定了节点以自身约束框中的哪一个点作为整个节点的位置。我们选中节点后看到变换工具出现的位置就是节点的锚点位置。

锚点(Anchor) 是节点的另一个重要属性,它决定了节点以自身约束框中的哪一个点作为整个节点的位置。我们选中节点后看到变换工具出现的位置就是节点的锚点位置。


1.锚点由 anchorX 和 anchorY 两个值表示,它们是通过节点尺寸计算锚点位置的乘数因子,范围都是 0 ~ 1 之间。(0.5, 0.5) 表示锚点位于节点长度乘 0.5 和宽度乘 0.5 的地方,即节点的中心。


微信图片_20221018112459.jpg

image.png


2.锚点属性设为 (0, 0) 时,锚点位于节点本地坐标系的初始原点位置,也就是节点约束框的左下角。


微信图片_20221018112503.jpg

image.png


3.锚点属性设为 (1, 1) 时,锚点位于节点本地坐标系的右上角。


微信图片_20221018112304.png

image.png


同理,锚点在其他位置是,直接在该位置画坐标系即可知道节点A下节点B的位置。


4.如果改变节点锚点时,会以原来锚点原点为标准。


微信图片_20221018112309.png

image.png


以上就是对creator锚点的分析。

相关文章
|
6月前
|
前端开发 人机交互
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
207 0
|
4月前
|
编解码
CocosCreator 面试题(十七)Cocos creator 固定宽度与固定高度的底层原理是什么?Cocos creator是如何做适配的?
CocosCreator 面试题(十七)Cocos creator 固定宽度与固定高度的底层原理是什么?Cocos creator是如何做适配的?
109 0
|
6月前
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
|
6月前
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
|
6月前
Cocos Creator3.8 项目实战(九)2D UI DrawCall优化详解(下)
Cocos Creator3.8 项目实战(九)2D UI DrawCall优化详解(下)
|
6月前
|
缓存 中间件 atlas
Cocos Creator3.8 项目实战(八)2D UI DrawCall优化详解(上)
Cocos Creator3.8 项目实战(八)2D UI DrawCall优化详解(上)
186 0
7. 在Creator中加载模型动画
7. 在Creator中加载模型动画
64 0
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
219 1
cocos creator实现自定义进度条
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
480 1
cocos creator实现加载场景进度条