cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式

原创 2015年07月07日 18:54:48

如果你有一个Node在一个盒子里,盒子的锚点在左下角,这个Node一开始的时候是这个样:position=(0, 0), anchorPoint=(0, 0), scale=1


然后更改它的scale让它撑满整个区域:position=(0, 0), anchorPoint=(0, 0), scale=1.09:


这个时候重新设置它的锚点为右上角(1, 1),你认为会发生什么?按照我的理解,我以为应该是这样:position=(0, 0), anchorPoint=(1, 1), scale=1.09


但事实上,它却是这样!!!:position=(0, 0), anchorPoint=(1, 1), scale=1.09



原因在于,一个Node被设置了scale缩放后,其本身的锚点位置并没有变,真实的锚点位置还是相对于原大小的位置,所以你注意我上图中画红点的位置,那就是setAnchorPoint(1, 1)之后真实的锚点位置,然后cocos2d-x以新的锚点位置重新执行了scale(1.09)操作,就变成了上图那个样。

而左边超出盒子的部分,其大小就是缩放比例1.09减去1之后乘以Node的原大小,也即
(node:getScale() - 1) * node:getContentSize().width
理解了这个,以后就不会踩坑了。


附一个设置锚点也不改变Node位置的方法:

-- 安全地设置锚点,用于锚点改变后node对象即便设置了scale缩放,其位置也不发生变化
function setSafeAnchor(node, anchorX, anchorY)
  local diffX = anchorX * node:getContentSize().width  * (node:getScaleX() - 1)
  local diffY = anchorY * node:getContentSize().height * (node:getScaleY() - 1)


  node:setAnchorPoint(anchorX, anchorY)
  node:setPositionX(node:getPositionX() + diffX)
  node:setPositionY(node:getPositionY() + diffY)
end
版权声明:本文为博主原创文章,未经博主允许不得转载。

深入理解cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式

如果你有一个Node在一个盒子里,盒子的锚点在左下角,这个Node一开始的时候是这个样:position=(0, 0), anchorPoint=(0, 0), scale=1 然后更改它的sc...

深入理解Cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式

来源网址:http://segmentfault.com/blog/hongliang/1190000000722574

Cocos2dx 中anchorPoint锚点和scale缩放之间的配合使用

如果你有一个Node在一个盒子里,盒子的锚点在左下角,这个Node一开始的时候是这个样:position=(0, 0), anchorPoint=(0, 0), scale=1 然后更改...

cocos2d-x中的锚点(AnchorPoint)理解

锚点的定义      锚点是指节点在进行形状变换、位置变动时依据的基准点。可以想象为钉在墙上用于固定纸张的小图钉,或者公告栏上用于固定纸张用的围棋状的小磁粒。当对某个节点调用setPosition时,...

cocos2d-x AnchorPoint锚点

cocos2d-x AnchorPoint锚点   转至:http://blog.csdn.net/xuguangsoft/article/details/8425623 ...

【爱上cocos2d-x之九】cocos2d-x坐标系与anchorPoint锚点

1. cocos2d-x坐标系 UI坐标系 iOS / Android / Windows SDK中的通用UI坐标系: 起点坐标(x=0,y=0)位于左上角,X轴坐标从左向右增加,Y轴坐标由上向下增加...

cocos2d-x中锚点设置及定位方式

问题 在cocos2d示例代码HelloCpp中,为什么要将CCMenu设置位置到CCPointZero,即使CCMenu的锚点是在(0.5, 0.5)? 回答 这是因为CCMenu...

cocos2d-x AnchorPoint

  • 2013年02月21日 11:30
  • 183KB
  • 下载

IOS cocos2d学习笔记-<三>AnchorPoint锚点和CCLabelBMFont

(本文写作基于千锋3g学院提供的第三季讲授视频编写,详细请看笔记扉页:传送门) 周日偷了一下懒,“我又回来啦!” 根据第三视频第三讲,里面用到了一些关于位置标签的知识,欧阳老师的讲解已经非常的到位...

【Cocos2d游戏开发之十七】灵活使用精灵可视区域(TextureRect)与锚点(anchorPoint)

首先来介绍第一个知识点:精灵可视区域;       不管在哪个移动平台上进行开发游戏都会接触使用到可视区域,比如Kjava(J2me)平台的setClip方法,Android的clipRect方...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式
举报原因:
原因补充:

(最多只允许输入30个字)