• 关于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:%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->setScale(2);
    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

  • 相关阅读:
    python 端口扫描仪
    [ruby on rails] 深入(1) ROR的一次request的响应过程
    [ruby on rails] 跟我学之(10)数据输入验证
    [ruby on rails] 跟我学之(9)删除数据
    [ruby on rails] 跟我学之(8)修改数据
    [ruby on rails] 跟我学之(7)创建数据
    BZOJ 2301 [HAOI2011]Problem b (分块 + 莫比乌斯反演)
    BZOJ 2005 [Noi2010]能量采集 (数学+容斥 或 莫比乌斯反演)
    BZOJ 1497 [NOI2006]最大获利 (最小割)
    BZOJ [FJOI2007]轮状病毒 (找规律)
  • 原文地址:https://www.cnblogs.com/HangZhe/p/5701440.html
Copyright © 2020-2023  润新知