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

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

2014-08-05      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);//运用导演类来进行切换场景

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98

//慢慢淡化到另一场景 TransitionCrossFade::create(时间,目标场景);    //本场景变暗消失后另一场景慢慢出现 TransitionFade::create(时间,目标场景);    //本场景右上角到左下角方块消失到另一场景 TransitionFadeBL::create(时间,目标场景);    //本场景从上到下横条消失到另一场景 TransitionFadeDown::create(时间,目标场景);    //本场景左下角到右上角方块消失到另一场景 TransitionFadeTR::create(时间,目标场景);    //本场景从下到上横条消失到另一场景 TransitionFadeUp::create(时间,目标场景);    //本场景翻转消失到另一场景（斜上方） TransitionFlipAngular::create(时间,目标场景,样式 );    //本场景翻转消失到另一场景（X轴） TransitionFlipX::create(时间,目标场景,样式);    //本场景翻转消失到另一场景（Y轴） TransitionFlipY::create(时间,目标场景);    //本场景跳动消失后另一场景跳动出现 TransitionJumpZoom::create(时间,目标场景);    //另一场景由整体从下面出现 TransitionMoveInB::create(时间,目标场景);    //另一场景由整体从左面出现 TransitionMoveInL::create(时间,目标场景);    //另一场景由整体从上面出现 TransitionMoveInT::create(时间,目标场景);    //另一场景由整体从右面出现 TransitionMoveInR::create(时间,目标场景);    //翻页切换，bool为true是向前翻。 TransitionPageTurn::create(时间,目标场景,bool);    //本场景从左到右消失同时另一场景出现 TransitionProgressHorizontal::create(时间,目标场景);    //本场景从中间到四周消失同时另一场景出现 TransitionProgressInOut::create(时间,目标场景);    //本场景从四周到中间消失同时另一场景出现 TransitionProgressOutIn::create(时间,目标场景);    //本场景逆时针消失到另一场景 TransitionProgressRadialCCW::create(时间,目标场景);    //本场景顺时针消失到另一场景 TransitionProgressRadialCW::create(时间,目标场景);    //本场景从上到下消失同时另一场景出现 TransitionProgressVertical::create(时间,目标场景);    //本场景旋转消失后另一场景旋转出现 TransitionRotoZoom::create(时间,目标场景);    //本场景缩小切换到另一场景放大 TransitionShrinkGrow::create(时间,目标场景);    //本场景向上滑动到另一场景 TransitionSlideInB::create(时间,目标场景);    //本场景向右滑动到另一场景 TransitionSlideInL::create(时间,目标场景);    //本场景向左滑动到另一场景 TransitionSlideInR::create(时间,目标场景);    //本场景向下滑动到另一场景 TransitionSlideInT::create(时间,目标场景);    //本场景三矩形上下消失后另一场景三矩形上下出现 TransitionSplitCols::create(时间,目标场景);    //本场景三矩形左右消失后另一场景三矩形左右出现 TransitionSplitRows::create(时间,目标场景);    //本场景小方块消失到另一场景 TransitionTurnOffTiles::create(时间,目标场景);    //本场景翻转消失到另一场景（斜上方） TransitionZoomFlipAngular::create(时间,目标场景,样式);    //本场景翻转消失到另一场景（X轴） TransitionZoomFlipX::create(时间,目标场景,样式);    //本场景翻转消失到另一场景（Y轴） TransitionZoomFlipY::create(时间,目标场景,样式);

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

增加一些内容：

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);