关于Cocos2d-x节点和精灵节点的坐标、位置以及大小的设置

1.cocos2d-X中的坐标(0,0)，就是运行框的左下角位置，所以运行框看起来就是一个第一象限。

2.节点的锚点就是我们setPosition所设定的位置，默认锚点是在节点的中心，也就是setPosition方法设定的坐标的位置，比如setPosition(visibleSize.width/2,visibleSize.height/2)，就是把图片放在运行框的最中央。

3.如果想改变锚点，可以用setAnchorPoint方法来设定，setAnchorPoint的坐标是以节点(图片)为相对的坐标系，比如sprite->setAnchorPoint(Vec2(0, 0))，就是把锚点设定在sprite节点的左下角，这时候如果再sprite->setPosition(0,0)，就会把图片放在运行框的左下角。再比如sprite->setAnchorPoint(Vec2(0.5, 0.5))，就是把锚点设定在sprite节点的中心，这时候如果再sprite->setPosition(visibleSize.width/2,visibleSize.height/2)，就会把图片放在运行框中心。

4.sprite->getContentSize()方法是获得sprite节点的大小，是一个Vec2类型的值，有width和height的属性。

注意:

1.setAnchorPoint方法的参数只有一个，就是一个Vec2类型的变量，而且参数是Vec(0到1,0到1)的常量，不能用变量，Vec2(0,0)表示把锚点设置在节点左下角，Vec2(1,1)表示把锚点设置在节点右上角，Vec2(0.5,0.5)表示把锚点设置在节点中心，以此类推。

2.继承自Node类型的节点的初始锚点在左下角Vec2(0,0)，继承自Sprite类型的节点的初始锚点在中心Vec2(0.5,0.5)

2.继承自Node类型的节点的初始锚点在左下角Vec2(0,0)，继承自Sprite类型的节点的初始锚点在中心Vec2(0.5,0.5)

2.继承自Node类型的节点的初始锚点在左下角Vec2(0,0)，继承自Sprite类型的节点的初始锚点在中心Vec2(0.5,0.5)

setTextureRect(Rect(0, 0, 50, 50));方法是设置精灵节点的纹理的初始位置和初始大小，比如这时候Rect(0, 0, 50, 50)就表示，初始的精灵节点是在屏幕坐标(0,0)也就是左下角的位置，大小方面，宽是50，高是50，由于一般在实例化创建对象后，都会规范化地另外使用setPosition方法来设置节点的位置，所以这个setTextureRect(Rect(0, 0, 50, 50));里面的初始位置的设置在我看来没什么意义。这个方法主要是设置一些纯色的精灵节点的时候会用到，把纹理设置成(50,50)大小的纯色。如果后面有用到setTexture方法来改变纹理，那么setTextureRect的纹理大小(50,50)会被覆盖。

setTexture("s_1.png");方法是设置精灵节点的纹理图案，同时会自动把图案的大小设置成精灵节点纹理的大小，这个方法也会覆盖setTextureRect(Rect(0, 0, 50, 50));中设置设置精灵节点的纹理的初始大小的方法，也就是里面的(50,50)没有作用，被s_1.png这个图案本身的大小(自己PS设置的)给覆盖了。

getContentSize()方法是获得未转换的节点的大小，就是未经过缩放旋转的节点或者精灵节点的大小。如果是继承自Node的普通节点，那么获得的就是setContentSize()所设置的大小，如果是继承自Sprite的精灵节点，那么获得的就是纹理的大小，如果纹理是用setTexture("s_1.png");设置的图案纹理，那么获得的大小就是图片的大小，如果纹理是setTextureRect(Rect(0, 0, 50, 50));设置的纯色纹理，那么获得的大小就是(50,50)。

setContentSize()方法是设置未转换的节点的大小，设置的值就是还没有经过缩放旋转的节点或者精灵节点的大小，以后缩放或者旋转都会以这个值为原始的比例值。继承自Node的节点比较常用，继承自Sprite的精灵节点一般不用，而是用setTexture("s_1.png");里面的图片大小作为精灵节点的大小。

setScale(0.5);方法会把节点或者精灵节点进行缩放，这个效果还会作用于该节点的所有子节点。0.5就是缩一半，1就是原始大小，2就是扩大一倍。如果是节点的话在缩放后，节点大小会改变，如果是精灵节点的话在缩放后，图片大小和精灵节点大小都会改变，不过一般图片大小是等于精灵节点大小的。

setScaleX(0.5);方法会把节点或者精灵节点的宽度进行缩放，这个效果还会作用于该节点的所有子节点。0.5就是缩一半，1就是原始大小，2就是扩大一倍。如果是节点的话在缩放后，节点大小会改变，如果是精灵节点的话在缩放后，图片大小和精灵节点大小都会改变，不过一般图片大小是等于精灵节点大小的。是以锚点为定点开始扩展延伸的。

setScaleY(0.5);方法会把节点或者精灵节点的高度进行缩放，这个效果还会作用于该节点的所有子节点。0.5就是缩一半，1就是原始大小，2就是扩大一倍。如果是节点的话在缩放后，节点大小会改变，如果是精灵节点的话在缩放后，图片大小和精灵节点大小都会改变，不过一般图片大小是等于精灵节点大小的。是以锚点为定点开始扩展延伸的。

setVisible(false);方法会把精灵节点的纹理变得不可见，就是图片资源看不见，但是如果已经绑定了一个刚体的话，在有调试框的情况下还是可以看见刚体，也就是说刚体不会隐藏起来，而隐藏刚体就必须用物理引擎类中的隐藏刚体的方法。

setPosition();方法设置节点或者精灵节点的位置，如果没有写这句话直接addchild的话是默认设置位置为(0,0)。

注意:

如果在继承自Sprite的精灵节点的初始化中，已经用setTexture("s_1.png");设置了它的纹理图案和节点大小(大小是自动适配图片大小的)，这时候如果再用

Size s = Size(180, 180);
setContentSize(s);

来强行设置一个Size类型的变量s，再强行设置精灵节点的大小，如果这个s的大小和图片的大小不一致，而我们又用

setPhysicsBody(PhysicsBody::createBox(this->getContentSize()));来设置精灵节点的物理刚体的时候，

就会出现图片和刚体边界错位的情况。所以最好是不要设置完图片纹理后，又自己去人为修改精灵节点的大小。如果非要用这个方法的话，就把变量s的值设置成和图片s_1.png一样的大小，或者比图片稍微小一点，这样可以去除一些空白的区域，这样设置刚体检测碰撞的时候就更加精确。

注意

getContentSize();

获取精灵的逻辑尺寸。此值不受缩放变换影响。即setScale()方法不影响此值

boundingBox().size;

获取精灵的边框尺寸。此值受到缩放变换影响。

getTexture()->getContentSizeInPixels();

获取精灵的纹理的像素尺寸。

像素点和逻辑点关系：逻辑点大小 = 像素大小/contentScale

例子：

Size sizeByContentSize = pBackground->getContentSize();
Size sizeByboundingBox = pBackground->boundingBox().size;
Size sizeByPoints = pBackground->getTexture()->getContentSizeInPixels();

LOG("sizeByContentSize:width:%f height:%f",sizeByContentSize.width,sizeByContentSize.height);
LOG("sizeByboundingBox:width:%f height:%f",sizeByboundingBox.width,sizeByboundingBox.height);
LOG("sizeByPoints:width:%f height:%f",sizeByPoints.width,sizeByPoints.height);

pBackground->setScale(2);
LOG("转变后:");

sizeByContentSize = pBackground->getContentSize();
sizeByboundingBox = pBackground->boundingBox().size;
sizeByPoints =pBackground->getTexture()->getContentSizeInPixels();

LOG("sizeByContentSize:width:%f height:%f",sizeByContentSize.width,sizeByContentSize.height);
LOG("sizeByboundingBox:width:%f height:%f",sizeByboundingBox.width,sizeByboundingBox.height);
LOG("sizeByPoints:width:%f height:%f",sizeByPoints.width,sizeByPoints.height);

Cocos2d: sizeByContentSize:width:114.000000 height:114.000000

Cocos2d: sizeByboundingBox:width:114.000000 height:114.000000

Cocos2d: sizeByPoints:width:114.000000 height:114.000000

Cocos2d: 转变后:

Cocos2d: sizeByContentSize:width:114.000000 height:114.000000

Cocos2d: sizeByboundingBox:width:228.000000 height:228.000000

Cocos2d: sizeByPoints:width:114.000000 height:114.000000