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

相关文章
|
5月前
|
计算机视觉
CocosCreator 面试题(十九) Cocos Creator 材质 shader 分别是什么?
CocosCreator 面试题(十九) Cocos Creator 材质 shader 分别是什么?
208 0
|
5月前
|
编解码
CocosCreator 面试题(十七)Cocos creator 固定宽度与固定高度的底层原理是什么?Cocos creator是如何做适配的?
CocosCreator 面试题(十七)Cocos creator 固定宽度与固定高度的底层原理是什么?Cocos creator是如何做适配的?
243 0
|
5月前
CocosCreator 面试题(二十) Cocos creator 如何实现一个置灰Shader?
CocosCreator 面试题(二十) Cocos creator 如何实现一个置灰Shader?
193 0
|
12月前
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
Cocos Creator3.8 项目实战(一)cocos creator prefab 无法显示内容解决
175 0
|
12月前
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
Cocos Creator3.8 项目实战(二)cocos creator编辑器中绑定事件引发的bug解决
125 0
cocos creator shader 入门教程3:实现一个左右不同颜色的shader
cocos creator shader 入门教程3:实现一个左右不同颜色的shader
619 0
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
274 1
cocos creator实现自定义进度条
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
558 1
cocos creator实现加载场景进度条
7. 在Creator中加载模型动画
7. 在Creator中加载模型动画
81 0