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锚点的分析。

相关文章
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
204 0
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
146 0
|
JavaScript
[✔️]cocos creator shader 入门教程2:webgl动起来
[✔️]cocos creator shader 入门教程2:webgl动起来
247 0
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
296 1
cocos creator实现自定义进度条
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
593 1
cocos creator实现加载场景进度条
7. 在Creator中加载模型动画
7. 在Creator中加载模型动画
94 0