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

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

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

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

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

注意:

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

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

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

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

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

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

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

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

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

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

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

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

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

注意:

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

Size s = Size180, 180);
setContentSizes);

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

setPhysicsBodyPhysicsBody::createBoxthis->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:%f height:%f”,sizeByContentSize.width,sizeByContentSize.height);
LOG”sizeByboundingBox:%f height:%f”,sizeByboundingBox.width,sizeByboundingBox.height);
LOG”sizeByPoints:%f height:%f”,sizeByPoints.width,sizeByPoints.height);

pBackground->setScale2);
LOG”转变后:”);

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

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

Cocos2d: sizeByContentSize:114.000000 height:114.000000

Cocos2d: sizeByboundingBox:114.000000 height:114.000000

Cocos2d: sizeByPoints:114.000000 height:114.000000

Cocos2d: 转变后:

Cocos2d: sizeByContentSize:114.000000 height:114.000000

Cocos2d: sizeByboundingBox:228.000000 height:228.000000

Cocos2d: sizeByPoints:114.000000 height:114.000000

Published by

风君子

独自遨游何稽首 揭天掀地慰生平