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

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

//慢慢淡化到另一场景
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);

posted on 2015-11-16 23:16 motoyang 阅读(255) 评论(0) 编辑收藏举报