《Cocos Creator游戏开发实战》 ——3.3.5 节点的锚点

举报
华章计算机 发表于 2020/02/22 20:20:53 2020/02/22
【摘要】 本节书摘来自华章计算机《Cocos Creator游戏开发实战》 —— 书中第3章,第3.3.5节,作者是满硕泉 。

3.3.5 节点的锚点

下面让我们从纷乱的坐标系中抽出来。对于一个有大小的节点,定位坐标还有一个重要概念:锚点。

锚点指定了贴图上和所在节点原点(也就是设置位置的点)重合的点的位置,因此只有在Node类节点使用贴图的情况下,锚点才有意义。

锚点的默认值是(0.5, 0.5),表示的并不是一个像素点,而是一个乘数因子。(0.5, 0.5)表示锚点位于贴图长度乘以0.5和宽度乘以0.5的地方,即贴图的中心。

默认锚点和本地坐标系的示意图如图3-7所示。

改变锚点的值虽然可能看起来节点的图像位置发生了变化,但并不会改变节点的位置,变化的只是贴图相对于你设置的位置的相对位置,相当于你在移动节点里面的贴图,而非节点本身。如果把锚点设置成(0,0),贴图的左下角就会和节点的位置重合,这可能使得元素定位更为方便,但会影响到元素的缩放和旋转等一系列变换,因此并没有一种锚点设置是放之四海而皆准的,要根据每个对象的使用情况来定义。比如一个矩形框需要贴着屏幕左下角显示,只需要把锚点设在矩形框的左下角,然后设置坐标为原点(0, 0)即可。

渲染时都是从场景根节点开始处理,不管有多少级节点,都按照层级高低来依次处理,每个节点都使用父节点的坐标系和自身位置锚点属性来确定节点在场景中的位置。

image.png

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。