精灵的控制

在创建完精灵后,现在你能试着修改精灵的属性去控制它了。

创建精灵:

  1. auto mySprite = Sprite::create("mysprite.png");

精灵控制  - 图1

锚点

锚点确定了精灵对象在计算坐标位置的一个基准点,这个点是精灵内部的点,锚点影响精灵的缩放,旋转,倾斜这种转换,不影响颜色,透明度这种属性。锚点使用的坐标系以左下角为原点 (0, 0),在你设置锚点的值时,要注意到这一点。默认情况下,所有的节点对象锚点是 (0.5, 0.5)。

设置锚点:

  1. // DEFAULT anchor point for all Sprites
  2. mySprite->setAnchorPoint(0.5, 0.5);
  3. // bottom left
  4. mySprite->setAnchorPoint(0, 0);
  5. // top left
  6. mySprite->setAnchorPoint(0, 1);
  7. // bottom right
  8. mySprite->setAnchorPoint(1, 0);
  9. // top right
  10. mySprite->setAnchorPoint(1, 1);

观察下面的图,感受锚点对精灵位置的影响,红点是旁边精灵的锚点

精灵控制  - 图2

位置

精灵的位置受锚点影响,看一下这个具体是怎样的,以红线红点为环境参考,看精灵的不同位置。注意,我们设置了锚点值,精灵的位置变化了,我们并没有使用 setPosition() 方法设置精灵的位置。

精灵控制  - 图3

当我们想设置一个精灵的位置时,主要是使用 setPosition() 方法,只有想改变精灵与基准坐标点的相对位置时,才考虑使用 setAnchorPoint() 设置锚点。

  1. // position a sprite to a specific position of x = 100, y = 200.
  2. mySprite->setPosition(Vec2(100, 200));

旋转

通过 setRotation() 方法,设置一个角度值可以控制精灵的旋转,正值精灵顺时针旋转,负值精灵逆时针旋转,默认位置的角度值是 0.0。

  1. // rotate sprite by +20 degrees
  2. mySprite->setRotation(20.0f);
  3. // rotate sprite by -20 degrees
  4. mySprite->setRotation(-20.0f);
  5. // rotate sprite by +60 degrees
  6. mySprite->setRotation(60.0f);
  7. // rotate sprite by -60 degrees
  8. mySprite->setRotation(-60.0f);

精灵控制  - 图4

缩放

通过 setScale() 方法控制精灵的缩放。可以控制精灵水平缩放,垂直缩放,也可以整体缩放。默认水平和竖直的缩放值都是 1.0。

  1. // increases X and Y size by 2.0 uniformly
  2. mySprite->setScale(2.0);
  3. // increases just X scale by 2.0
  4. mySprite->setScaleX(2.0);
  5. // increases just Y scale by 2.0
  6. mySprite->setScaleY(2.0);

精灵控制  - 图5

倾斜

通过 setSkewX() 控制精灵的倾斜度,可以控制精灵水平倾斜,竖直倾斜,或者水平竖直同时倾斜,默认水平和竖直的倾斜值都是 0.0。

  1. // adjusts the X skew by 20.0
  2. mySprite->setSkewX(20.0f);
  3. // adjusts the Y skew by 20.0
  4. mySprite->setSkewY(20.0f);

精灵控制  - 图6

颜色

通过 setColor() 控制精灵的颜色。将一个 RGB 值设置到 Color3B 对象,调用精灵的 setColor() ,就能完成精灵颜色的设置。RGB 是三个从 0-255 的值,三个值分别代表红绿蓝的颜色深度,数值越大,颜色越深。特别的 RGB(255, 255, 255) 是白色。如果你不想自己指定 RGB 的三个值,也可以使用 Cocos2d-x 提供的预定义颜色,比如: Color3B::WhiteColor3B::Red

  1. // set the color by passing in a pre-defined Color3B object.
  2. mySprite->setColor(Color3B::WHITE);
  3. // Set the color by passing in a Color3B object.
  4. mySprite->setColor(Color3B(255, 255, 255)); // Same as Color3B::WHITE

精灵控制  - 图7

透明度

精灵的透明度可以通过 setOpacity() 传入一个特定的值来设置,这个值的范围是 0-255,数值越大透明度越低,255 代表完全不透明,0 代表完全透明。

  1. // Set the opacity to 30, which makes this sprite 11.7% opaque.
  2. // (30 divided by 256 equals 0.1171875...)
  3. mySprite->setOpacity(30);

精灵控制  - 图8