AnchorPoint和Position[转]
1) anchorPoint
为了将一个矩形图像精准的放置在屏幕某一个位置上,需要设置该矩形的位置参考 点(人们通常习惯亍将该参考点是、认为是该矩形的左上角那个点)。CocosNode 的该属性就是返个参考点。x,y 轴挄照 OpenGL ES 坐标系,数值采用相对自身宽、
高的比例。
2) Position CocosNode 对象的实际 OpenGL ES 坐标。
如下图说明了如何利用返两个属性来设定 CocosNode 对象的位置:
图中红色矩形框的 Position 为(5,5),anchorPoint 为(0.3, 0.5)。若要选择图中 紫色大圆点 A 为 anchorPoint 则设置(0, 0),若要设置粉红色大圆点 B 为 anchorPoint 则设置(1, 1)。显然设置(0.5, 0.5)时,anchorPoint 为矩形对象的几何中心 C,返 是 Sprite 和 Texture 类对象的默认 anchorPoint 值。
如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(0.0),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(1,0),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(1,1),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(0,1),如下图
为了将一个矩形图像精准的放置在屏幕某一个位置上,需要设置该矩形的位置参考 点(人们通常习惯亍将该参考点是、认为是该矩形的左上角那个点)。CocosNode 的该属性就是返个参考点。x,y 轴挄照 OpenGL ES 坐标系,数值采用相对自身宽、
高的比例。
2) Position CocosNode 对象的实际 OpenGL ES 坐标。
如下图说明了如何利用返两个属性来设定 CocosNode 对象的位置:

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(0.0),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(1,0),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(1,1),如下图

如果设置 红色矩形框的 Position 为(5,5),anchorPoint为(0,1),如下图

分类:
cocos2d
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架