Cocos2d-X研究之3.0 场景切换特效汇总

cocos2d-x 3.0中场景切换特效比较多，而且游戏开发中也经常需要用到这些特效，来使场景切换时不至于那么干巴，遂这里汇总一下，开发中使用。

场景切换用到导演类Directory，大多数用的都是替换场景，当然也可以用出栈进栈的方式来进行场景的替换，这里以replaceScene来举例。 3.0事件分发机制—触摸事件监听不明白的可以看下。

场景切换特效的应用代码：

1 2 3

autoscene=HelloWorld::createScene();//创建待切换的场景 

auto transition=TransitionZoomFlipY::create(1.0f,scene);//给场景包装动画特效 

Director::getInstance()->replaceScene(transition);//运用导演类来进行切换场景

下面列举下场景切换的动画效果，可以参考上面的代码来运用各个特效，在自己的游戏中适当的运用特效可以起到很好的效果。

好了，这篇列举了游戏中经常用到的场景切换特效，欢迎大家一起学习，一起进步。

增加一些内容：

bool HelloWorld::init()

{

    //////////////////////////////

    // 1. super init first

    if ( !CCLayer::init() )

    {

        return false;

    }

    CCSize size =  CCDirector::sharedDirector()->getWinSize();

    CCSprite * sp= CCSprite::create("background1.png");

    sp->setPosition(ccp( size.width/2, size.height/2) );

    addChild(sp);

    CCLabelTTF * label = CCLabelTTF::create("点击按钮切换", "", 20);

  //  label->setPosition(ccp(size.width/2, size.height/2));

    label->setColor(ccc3(255, 0, 255));

    CCMenuItemLabel * itemLabel = CCMenuItemLabel::create(label, this, menu_selector(HelloWorld::changeScene));

   // itemLabel->setPosition(ccp(size.width/2,size.height/2));

    CCMenu * menu = CCMenu::create(itemLabel,NULL);

    addChild(menu);

    return true;

}

void HelloWorld:: changeScene()

{

    CCTransitionScene * reScene = NULL;

    CCScene * s = TestLayer::scene();

    float t = 1.2f;

//    CCTransitionJumpZoom

//    作用： 创建一个跳动的过渡动画

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionJumpZoom ::create(t , s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressRadialCCW

//    作用： 创建一个扇形条形式的过渡动画， 逆时针方向

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressRadialCCW::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressRadialCW

//    作用： 创建一个扇形条形式的过渡动画， 顺时针方向

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressRadialCW::create(t,s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressHorizontal

//    作用： 创建一个水平条形式的过渡动画，

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressHorizontal ::create(t,s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressVertical

//    作用： 创建一个垂直条形式的过渡动画，

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressVertical::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressInOut

//    作用： 创建一个由里向外扩展的过渡动画，

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressInOut::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionProgressOutIn

//    作用： 创建一个由外向里扩展的过渡动画，

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionProgressOutIn::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionCrossFade

//    作用：创建一个逐渐透明的过渡动画

//    参数1：过渡动作的时间

//    参数2：切换到目标场景的对象

//    reScene = CCTransitionCrossFade::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionPageTurn

//    作用：创建一个翻页的过渡动画

//    参数1：过渡动作持续的时间

//    参数2：切换的目标场景的对象

//    参数3：是否逆向翻页

//    reScene = CCTransitionPageTurn::create(t, s, false);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFadeTR

//    作用：创建一个部落格过渡动画， 从左下到右上

//    参数1：过渡动作持续的时间

//    参数2：切换的目标场景的对象

//    reScene =CCTransitionFadeTR::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFadeBL

//    作用：创建一个部落格过渡动画， 从右上到左下

//    参数1：过渡动作持续的时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionFadeBL::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFadeUp

//    作用：创建一个从下到上，条形折叠的过渡动画

//    参数1：过渡动作持续的时间

//    参数2：切换的目标场景的对象

//    reScene= CCTransitionFadeUp::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(s);

//    CCTransitionFadeDown

//    作用：创建一个从上到下，条形折叠的过渡动画

//    参数1：过渡动作持续的时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionFadeDown::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionTurnOffTiles

//    作用：创建一个随机方格消失的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene= CCTransitionTurnOffTiles::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSplitRows

//    作用：创建一个分行划分切换的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionSplitRows::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSplitCols

//    作用：创建一个分列划分切换的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionSplitCols::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFade

//    作用：创建一个逐渐过渡到目标颜色的切换动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：目标颜色

//    reScene= CCTransitionFade::create(t, s, ccc3(255, 0, 0));

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFlipX

//    作用：创建一个x轴反转的切换动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    kOrientationDownOver kOrientationLeftOver kOrientationRightOver  kOrientationUpOver

//    reScene  = CCTransitionFlipX::create(t, s, kOrientationRightOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFlipY

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    reScene = CCTransitionFlipY::create(t, s

//                                        , kOrientationDownOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionFlipAngular

//    作用：创建一个带有反转角切换动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    reScene = CCTransitionFlipAngular::create(t, s, kOrientationLeftOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionZoomFlipX

//    作用：创建一个带有缩放的x轴反转切换的动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    reScene=CCTransitionZoomFlipX::create(t, s, kOrientationLeftOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionZoomFlipY

//    作用：创建一个带有缩放的Y轴反转切换的动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    reScene=CCTransitionZoomFlipY::create(t, s, kOrientationDownOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionZoomFlipAngular

//    作用：创建一个带有缩放 ，反转角切换的动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    参数3：反转类型的枚举变量   左右上下

//    reScene=CCTransitionZoomFlipAngular::create(t, s, kOrientationRightOver);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionShrinkGrow

//    创建一个放缩交替的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionShrinkGrow::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionRotoZoom

//    创建一个旋转放缩交替的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionRotoZoom::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionMoveInL

//    作用：创建一个从左边推入覆盖的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionMoveInL::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionMoveInR

//    作用：创建一个从右边推入覆盖的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionMoveInR::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionMoveInB

//    作用：创建一个从下边推入覆盖的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionMoveInB::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionMoveInT

//    作用：创建一个从上边推入覆盖的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene = CCTransitionMoveInT::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSlideInL

//    作用：创建一个从左侧推入并顶出旧场景的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene  =CCTransitionSlideInL::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSlideInR

//    作用：创建一个从右侧推入并顶出旧场景的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene  =CCTransitionSlideInR::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSlideInT

//    作用：创建一个从顶部推入并顶出旧场景的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

//    reScene  =CCTransitionSlideInT::create(t, s);

//    CCDirector::sharedDirector()->replaceScene(reScene);

//    CCTransitionSlideInB

//    作用：创建一个从下部推入并顶出旧场景的过渡动画

//    参数1：过渡动作的持续时间

//    参数2：切换的目标场景的对象

      reScene  =CCTransitionSlideInB::create(t, s);

      CCDirector::sharedDirector()->replaceScene(reScene);