cocos2dx3.3开发FlappyBird总结十二:状态层设计

简介:

状态层是比较复杂的了,状态层需要与游戏层通信,因此也需要为游戏层先设计一个代理类,以便状态层遵守游戏层的代理,这样游戏层就可以在游戏开始、得分、结束时,告诉状态层做出相应的状态表现了。

游戏层的代理类:


/**
 * The delegate between status layer and game layer
 */
class GameStatusDelegate {
public:
  /**
   * When the game start, this method will be called
   */
  virtual void onGameStart() = 0;

  /**
   * During paying, after the score changed, this method will be called
   *
   * @param score The latest score
   */
  virtual void onGamePlaying(int score) = 0;

  /**
   * When game is over, this method will be called
   *
   * @param currentScore Current game score
   * @param historyBestScore The best score in the history of the player
   */
  virtual void onGameEnd(int currentScore, int historyBestScore) = 0;
};

只有三个方法,分别对应游戏开始、玩家得分、游戏结束。

那么状态层需要遵守代理:


/**
 *The status layer,showing the status information
 * in the game.
 */
class StatusLayer : public cocos2d::Layer, public GameStatusDelegate 

遵守代理后,必须声明代理中的方法:

  /**
   * Override from GameStatusDelegate
   *
   * @see GameStatusDelegate declaration.
   */
  void onGameStart(void);
  void onGamePlaying(int score);
  void onGameEnd(int currentScore, int historyBestScore);

如果不声明,会编译不通过的,这是必须实现的。
这个层中,有四种精灵需要控制:

 cocos2d::Sprite *_getReadySprite;
  cocos2d::Sprite *_tutorialSprite;
  cocos2d::Node *_scoreNode;
  cocos2d::Sprite *_blinkSprite;

分别对应GetReady、指导图、得分、闪屏图

在初始化时,先邓加载0~9数字精灵:

bool StatusLayer::init() {
  if (!Layer::init()) {
    return false;
  }

  // preload number sprite frames to memory
  ScoreNumber::getInstance()->loadNumber(kScoreNumberFont.c_str(), "font_0%02d", 48);
  ScoreNumber::getInstance()->loadNumber(kScoreNumberScore.c_str(), "number_score_%02d", 0);

  // At the first time, the game is ready to play
  this->showGameStatus(kGameStateReady);

  return true;
}

关于数字特效类ScoreNumber,后面再单独说明。

这个类中最重要的显示状态方法:


void StatusLayer::showGameStatus(GameState status, int currentScore, int historyBestScore) {
  auto size = Director::getInstance()->getVisibleSize();
  auto origin = Director::getInstance()->getVisibleOrigin();

  switch (status) {
    case kGameStateReady: {
      const char *scoreName = kScoreNumberFont.c_str();
      _scoreNode = ScoreNumber::getInstance()->convert(scoreName, currentScore);
      _scoreNode->setPosition(origin.x + size.width / 2, origin.y + size.height * 5 / 6);
      this->addChild(_scoreNode);

      _getReadySprite = Sprite::createWithSpriteFrame(AtlasLoader::getInstance()->getSpriteFrame("text_ready"));
      _getReadySprite->setPosition(origin.x + size.width / 2, origin.y + size.height * 2 / 3);
      this->addChild(_getReadySprite);

      _tutorialSprite = Sprite::createWithSpriteFrame(AtlasLoader::getInstance()->getSpriteFrame("tutorial"));
      _tutorialSprite->setPosition(origin.x + size.width / 2, origin.y + size.height * 1 / 2);
      this->addChild(_tutorialSprite);
    }
      break;
    case kGameStateStarted: {
      _getReadySprite->runAction(FadeOut::create(0.4f));
      _tutorialSprite->runAction(FadeOut::create(0.4f));
    }
      break;
    case kGameStateOver: {
      _currentScore = currentScore;
      _bestScore = historyBestScore;

      if (_currentScore > _bestScore) {
        _bestScore = _currentScore;
        _isNewRecord = true;
      } else {
        _isNewRecord = false;
      }

      this->removeChild(_scoreNode);

      // Game over
      auto overSprite = Sprite::createWithSpriteFrame(AtlasLoader::getInstance()->getSpriteFrame("text_game_over"));
      auto size = Director::getInstance()->getVisibleSize();
      auto origin = Director::getInstance()->getVisibleOrigin();

      overSprite->setPosition(origin.x + size.width / 2, origin.y + size.height * 2 / 3);
      this->addChild(overSprite);

      // Add animation
      auto fadein = FadeIn::create(0.5f);
      auto actionDone = CallFunc::create(std::bind(&StatusLayer::showScorePanel, this));
      auto sequence = Sequence::createWithTwoActions(fadein, actionDone);
      overSprite->stopAllActions();
      overSprite->runAction(sequence);
    }
      break;
    default:
      break;
  }
}

如果状态为ready,即准备状态,
准备状态图:
准备状态图

状态为kGameStateStarted,表示开始游戏时,
_getReadySprite->runAction(FadeOut::create(0.4f));
_tutorialSprite->runAction(FadeOut::create(0.4f));
只是添加淡出效果

状态为游戏结束时,显示游戏结束:
这里写图片描述

当游戏结束的时候,显示Game Over 精灵,然后添加淡入淡出的动画,来显示得分结果显示面板和重玩、机会按钮,
不过这里并没有实现机会使用按钮,因此此功能就留给喜欢研究扩展的朋友吧。

刷新得分面板用户得分函数,从0到玩家得分,有一个动画的过程,

void StatusLayer::refreshScoreUpdate(float delta) {
  const int kCurrentSpriteTag = 100;
  if (this->getChildByTag(kCurrentSpriteTag)) {
    this->removeChildByTag(kCurrentSpriteTag);
  }

  const char *score = kScoreNumberScore.c_str();
  _scoreNode = ScoreNumber::getInstance()->convert(score, _tmpScore, kGravityDirectionRight);
  _scoreNode->setAnchorPoint(Vec2(1, 0));

  auto size = Director::getInstance()->getVisibleSize();
  auto origin = Director::getInstance()->getVisibleOrigin();
  _scoreNode->setPosition(origin.x + size.width * 3 / 4 + 4, origin.y + (size.height - _scoreNode->getContentSize().height) / 2 + 7);
  this->addChild(_scoreNode);
  ++_tmpScore;

  if (_tmpScore > _currentScore) {
    unschedule(schedule_selector(StatusLayer::refreshScoreUpdate));
  }
}

这是通过定时器来回调的,当刷新完成时,需要取消掉定时器。

点击重玩按钮时,进入到此函数:

void StatusLayer::menuRestartCallback(cocos2d::Ref *pSender) {
  CocosDenshion::SimpleAudioEngine::getInstance()->playEffect("sfx_swooshing.ogg");

  // We can't add TransitionScene object, otherwise it can't receive any touch event.
  // I don't know why.
  // We should remove all children and clean up resources, otherwise it will crash at
  // some time in the future. In fact, I don't know why, when Director replace a new
  // scene, does it remove and clean up?
  auto scene = Director::getInstance()->getRunningScene();
  scene->removeAllChildrenWithCleanup(true);
  Director::getInstance()->replaceScene(GameScene::createScene());
}

如果不加上这两行代码先释放资源,时不时就会崩溃,不知道是不是因为是自动释放的,但是事件循环并没有到,因此一直没有得到释放而导致的。

  auto scene = Director::getInstance()->getRunningScene();
  scene->removeAllChildrenWithCleanup(true);

这两行代码只是先把当前场景的所有资源先释放掉。

下一步,看一看我们设计的数字特效类

目录
相关文章
|
5月前
CocosCreator 面试题(十六)Cocos Creator 节点池的基本原理是什么?如何使用?
CocosCreator 面试题(十六)Cocos Creator 节点池的基本原理是什么?如何使用?
163 0
|
5月前
|
缓存
CocosCreator 面试题(十二)Cocos Creator Label 的原理以及如何减少Drawcall
CocosCreator 面试题(十二)Cocos Creator Label 的原理以及如何减少Drawcall
155 0
|
6月前
|
Java 定位技术 图形学
Unity客户端开发优化要点
Unity客户端开发优化要点
|
7月前
|
前端开发 Android开发
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(3)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
|
7月前
|
JavaScript 数据安全/隐私保护 Android开发
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(1)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
119 0
|
7月前
|
Android开发 iOS开发 容器
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(2)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
185 0
|
图形学 开发者
还有这种操作?--掌握了这些小技巧,让你事半功倍(Unity3D)(二)
掌握一些Unity编辑器的小技巧,会让你开发以及使用更加快捷有效。这篇文章就分享一些Unity在使用使用的一些小技巧,有什么不对的记得留言哦。
|
存储 缓存 数据可视化
还有这种操作?--掌握了这些小技巧,让你事半功倍(Unity3D)(三)
掌握一些Unity编辑器的小技巧,会让你开发以及使用更加快捷有效。这篇文章就分享一些Unity在使用使用的一些小技巧,有什么不对的记得留言哦。
|
Java 图形学
还有这种操作?--掌握了这些小技巧,让你事半功倍(Unity3D)(一)
掌握一些Unity编辑器的小技巧,会让你开发以及使用更加快捷有效。这篇文章就分享一些Unity在使用使用的一些小技巧,有什么不对的记得留言哦。
|
vr&ar 图形学 索引
【Unity3D 灵巧小知识点】 ☀️ | Unity中如何使用代码切换场景
Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 。 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。 也可以简单把 Unity 理解为一个游戏引擎,可以用来专业制作游戏!
【Unity3D 灵巧小知识点】 ☀️ | Unity中如何使用代码切换场景