cocos2dx3.3开发FlappyBird总结十三：数字特效类

由于显示得分其实是数字精灵的组合，因此需要先设计一个存储数字精灵数列的类：

#ifndef __EngryBird__NumberSeries__#define __EngryBird__NumberSeries__#include "cocos2d.h"/** * This class is for ScoreNumber, and it will store a list of sprite frames. * With it, you can load number sprite with name format and get sprite frame * with index. */class NumberSeries : public cocos2d::Ref {public:  /**   * The default constructor   */  NumberSeries();  /**   * The default destructor   */  ~NumberSeries();  /**   * The init method, will init the super init method first   *   * @return true if succeeded, otherwise false   */  virtual bool init();  CREATE_FUNC(NumberSeries);  /**   * Load sprite frame with a format name   *   * @param format The name format, eg. "number1_%d"   * @param base The begin index   */  void loadNumber(const char *foramt, int base = 0);  /**   * Get sprite frame with an index   *   * @param index The index in the _numberVector   *   * @return a sprite frame object   */  cocos2d::SpriteFrame* at(int index);private:  /**   * Store number sprite frames   */  cocos2d::Vector<cocos2d::SpriteFrame *> _numberVector;};#endif /* defined(__EngryBird__NumberSeries__) */

这个类只有一个成员变量，_numberVector，存储的是一组数字精灵帧，这样就可以通过数字作为下标，直接获取对应的精灵帧。

在初始化时：

bool NumberSeries::init() {  _numberVector = cocos2d::Vector<SpriteFrame *>(kMaxNumberCount);  return true;}

因此数字就是0~9这几个，所以是固定的，写成一个宏常量

下面这个方法是获取得分组合精灵，如得分为42，则把对应的精灵帧4和2加入到组合中，

void NumberSeries::loadNumber(const char *foramt, int base) {  for (int i = base; i < kMaxNumberCount + base; ++i) {    char name[20];    sprintf(name, foramt, i);    auto frame = AtlasLoader::getInstance()->getSpriteFrame(name);    _numberVector.pushBack(frame);  }}

base表示从什么数字开始，这样写是因为有的精灵的名称不是从0开始的，如bird_045~bird_088，那么base就是45了

获取数字精灵帧的时候，传数字过来，就是获取对应的数字精灵帧了，

SpriteFrame* NumberSeries::at(int index) {  if (index >= 0 && index < _numberVector.size()) {    return _numberVector.at(index);  }  return NULL;}

考虑代码的健壮性，增加了范围的判断

下面是数字特效类了，设计为全局共享类，
首先，显示的方式为居中，居左，居右，因此先设计一个枚举来表示。

/** * The alignment */typedef enum {  kGravityDirectionCenter = 1,  kGravityDirectionLeft,  kGravityDirectionRight} GravityDirection;

看看加载得分精灵方法：

bool ScoreNumber::loadNumber(const char *name, const char *format, int base) {  auto series = NumberSeries::create();  series->loadNumber(format, base);  _numberContainer.insert(name, series);  return true;}

这里_numberContainer是一个Map类型的容器，用于存储得分，因为游戏不断重复的话，同样的得分，就可以直接获取，而不用重复了。

下面这个方法是把数字得分转换成精灵数字，并调整方向：

Node* ScoreNumber::convert(const char *name, int number, GravityDirection direction) {// 首先根据key，取得数字组合  auto series = _numberContainer.at(name);  auto zero = Sprite::createWithSpriteFrame(series->at(0));  // 如果得分为0，直接显示  if (number == 0) {    zero->setAnchorPoint(Vec2(0.5, 0));    return zero;  }  // seperate the number and load number sprite into the node  // 使用node节点来容纳数字精灵  auto node = Node::create();  float totalWidth = 0.0f;  while (number) {  // 循环获取每一位数字，然后获取对应的精灵，添加到node中并计算  // node的总宽    int tmp = number % 10;    auto sprite = Sprite::createWithSpriteFrame(series->at(tmp));    totalWidth += sprite->getContentSize().width;    node->addChild(sprite);    number /= 10;  }  // set the content size of node  node->setContentSize(Size(totalWidth, zero->getContentSize().height));  // caculate the width of each number  float perWidth = totalWidth / node->getChildrenCount();  ssize_t index = 0;  float anchorX = 0;  bool isMinus = true;  if (direction == kGravityDirectionCenter) {    anchorX = 0.5f;    index = node->getChildrenCount() / 2;  } else if (direction == kGravityDirectionRight) {    anchorX = 1.0f;    index = node->getChildrenCount();  } else if (direction == kGravityDirectionLeft) {    anchorX = 0.0f;    isMinus = false;    index = 0;  }  // 获取显示的方式来调整精灵的位置  for (auto child : node->getChildren()) {    child->setAnchorPoint(Vec2(anchorX, 0));    float posX = perWidth * (isMinus ? index-- : index++);    child->setPositionX(posX);  }  return node;}

下一步，先说明一下用到的宏