cocos2d-x android 场景切换

今天开始学习 Cocos2D-X 游戏开发。由于目前对 Cocos2D-X 游戏开发框架还不太熟悉，作为一名 IT 从业者，我决定逐步攻克它。

在开始之前，先普及一些基础知识：在 Cocos2D-X 中，场景（即 CCScene 类）是应用工作流上的独立单元，也被称为 “screens” 或者 “stages”。一个应用可能包含多个场景，但在任何时候，只有一个场景处于激活状态。

在 Cocos2D-X 游戏里，游戏界面以场景 CCScene 为单位，每个 CCScene 都有特定的主题，包括背景、精灵以及场景规则。将不同的 CCScene 连接起来，就构成了整个游戏。那么，在构建好自己的场景之后，如何在各个场景之间进行切换呢？下面就为新手详细介绍。

其实，Cocos2D-X 已经为我们实现了场景切换功能，我们只需在需要的地方直接调用相关函数即可。主要有以下两个函数：

CCDirector::sharedDirector()->replaceScene(CCScene* scene);
CCDirector::sharedDirector()->pushScene(CCScene* scene);

其中，replaceScene 函数用于直接替换当前场景，而 pushScene 函数会将新场景压入场景栈，原场景会被保留在栈中。

下面详细介绍一些常用的带有过渡动画的场景切换方式及参数：

1. CCTransitionJumpZoom

• 作用：创建一个跳动的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionJumpZoom::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

2. CCTransitionProgressRadialCCW

• 作用：创建一个扇形条形式的过渡动画，逆时针方向。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressRadialCCW::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

3. CCTransitionProgressRadialCW

• 作用：创建一个扇形条形式的过渡动画，顺时针方向。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressRadialCW::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

4. CCTransitionProgressHorizontal

• 作用：创建一个水平条形式的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressHorizontal::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

5. CCTransitionProgressVertical

• 作用：创建一个垂直条形式的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressVertical::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

6. CCTransitionProgressInOut

• 作用：创建一个由里向外扩展的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressInOut::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

7. CCTransitionProgressOutIn

• 作用：创建一个由外向里扩展的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionProgressOutIn::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

8. CCTransitionCrossFade

• 作用：创建一个逐渐透明的过渡动画。
• 参数：
• 参数 1：过渡动作的时间（单位：秒）。
• 参数 2：切换到目标场景的对象。

  CCScene* reScene = CCTransitionCrossFade::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

9. CCTransitionPageTurn

• 作用：创建一个翻页的过渡动画。
• 参数：
• 参数 1：过渡动作持续的时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：是否逆向翻页（布尔值）。

  CCScene* reScene = CCTransitionPageTurn::create(t, s, false);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

10. CCTransitionFadeTR

• 作用：创建一个从左下到右上的过渡动画。
• 参数：
• 参数 1：过渡动作持续的时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionFadeTR::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

11. CCTransitionFadeBL

• 作用：创建一个从右上到左下的过渡动画。
• 参数：
• 参数 1：过渡动作持续的时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionFadeBL::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

12. CCTransitionFadeUp

• 作用：创建一个从下到上，条形折叠的过渡动画。
• 参数：
• 参数 1：过渡动作持续的时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionFadeUp::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

13. CCTransitionFadeDown

• 作用：创建一个从上到下，条形折叠的过渡动画。
• 参数：
• 参数 1：过渡动作持续的时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionFadeDown::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

14. CCTransitionTurnOffTiles

• 作用：创建一个随机方格消失的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionTurnOffTiles::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

15. CCTransitionSplitRows

• 作用：创建一个分行划分切换的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSplitRows::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

16. CCTransitionSplitCols

• 作用：创建一个分列划分切换的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSplitCols::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

17. CCTransitionFade

• 作用：创建一个逐渐过渡到目标颜色的切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：目标颜色（ccc3 类型）。

  CCScene* reScene = CCTransitionFade::create(t, s, ccc3(255, 0, 0));
  CCDirector::sharedDirector()->replaceScene(reScene);
  

18. CCTransitionFlipX

• 作用：创建一个 x 轴反转的切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量（如 kOrientationDownOver、kOrientationLeftOver、kOrientationRightOver、kOrientationUpOver）。

  CCScene* reScene = CCTransitionFlipX::create(t, s, kOrientationRightOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

19. CCTransitionFlipY

• 作用：创建一个 y 轴反转的切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量。

  CCScene* reScene = CCTransitionFlipY::create(t, s, kOrientationDownOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

20. CCTransitionFlipAngular

• 作用：创建一个带有反转角的切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量。

  CCScene* reScene = CCTransitionFlipAngular::create(t, s, kOrientationLeftOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

21. CCTransitionZoomFlipX

• 作用：创建一个带有缩放的 x 轴反转切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量。

  CCScene* reScene = CCTransitionZoomFlipX::create(t, s, kOrientationLeftOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

22. CCTransitionZoomFlipY

• 作用：创建一个带有缩放的 y 轴反转切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量。

  CCScene* reScene = CCTransitionZoomFlipY::create(t, s, kOrientationDownOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

23. CCTransitionZoomFlipAngular

• 作用：创建一个带有缩放和反转角的切换动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。
• 参数 3：反转类型的枚举变量。

  CCScene* reScene = CCTransitionZoomFlipAngular::create(t, s, kOrientationRightOver);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

24. CCTransitionShrinkGrow

• 作用：创建一个放缩交替的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionShrinkGrow::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

25. CCTransitionRotoZoom

• 作用：创建一个旋转放缩交替的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionRotoZoom::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

26. CCTransitionMoveInL

• 作用：创建一个从左边推入覆盖的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionMoveInL::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

27. CCTransitionMoveInR

• 作用：创建一个从右边推入覆盖的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionMoveInR::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

28. CCTransitionMoveInB

• 作用：创建一个从下边推入覆盖的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionMoveInB::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

29. CCTransitionMoveInT

• 作用：创建一个从上边推入覆盖的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionMoveInT::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

30. CCTransitionSlideInL

• 作用：创建一个从左侧推入并顶出旧场景的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSlideInL::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

31. CCTransitionSlideInR

• 作用：创建一个从右侧推入并顶出旧场景的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSlideInR::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

32. CCTransitionSlideInT

• 作用：创建一个从顶部推入并顶出旧场景的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSlideInT::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

33. CCTransitionSlideInB

• 作用：创建一个从下部推入并顶出旧场景的过渡动画。
• 参数：
• 参数 1：过渡动作的持续时间（单位：秒）。
• 参数 2：切换的目标场景的对象。

  CCScene* reScene = CCTransitionSlideInB::create(t, s);
  CCDirector::sharedDirector()->replaceScene(reScene);
  

通过调用这些函数，我们可以很好地实现 Cocos2D-X 中 Android 平台下的场景切换。