关于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