IOS cocos2d學習筆記－CCTransitionScene場景切換動畫

（本文寫作基於千鋒3g學院提供的第三季講授視頻編寫，更多資料和資源下載地址請看筆記扉頁：傳送門）

這一講內容比較少，內容的核心是：CCTransitionScene

CCTransitionScene

    CCScene *level = [levelScene scene];
//  1.切入效果
//    CCTransitionScene *trans = [[CCTransitionSplitCols alloc] initWithDuration:2.0f scene:level];
//  2.雷達效果
//    CCTransitionScene *trans = [[CCTransitionRadialCCW alloc] initWithDuration:2.0f scene:level];
//  3.小格子動畫
//    CCTransitionScene *trans = [[CCTransitionTurnOffTiles alloc] initWithDuration:2.0f scene:level];
//  4.滑動效果
//    CCTransitionScene *trans = [[CCTransitionSlideInL alloc] initWithDuration:2.0f scene:level];
//  5.翻轉效果
//    CCTransitionScene *trans = [[CCTransitionFlipX alloc] initWithDuration:2.0f scene:level];
//  6.淡入效果
    CCTransitionScene *trans = [[CCTransitionCrossFade alloc] initWithDuration:0.5f scene:level];
    // 給一個時間，讓他動畫到level劇場
    // trans本來也是一個劇場
    [[CCDirector sharedDirector] replaceScene:trans];
    [trans release];

從代碼中可以看到其基本思路，用CCTransitionScene創建一個指針並根據需要創建不同切換效果的類，並使用構建方法與想要過渡到的場景建立聯繫。

對象方法:

- (id) initWithDration:(ccTime)t scene:(CCScene *)scene

或者類方法：

- (id) transitionWithDration:(ccTime)t scene:(CCScene *)scene

參數scene就是想要過渡到的場景。

謹記trans是一個繼承於CCScene的一個類對象，那麼要運作這個CCScene就必須叫導演來換節目了。

用導演的單例 [CCDirector sharedDirector] 使用- (void) replaceScene: (CCScene *)scene 播放這個包含第二個場景的動畫場景。

經過0.5秒的切換將真正切換到 level 這個場景，trans 動畫場景在使用後已經沒有用處，可以將其release釋放內存。

 

切換動畫有很多，這裏找了一個總彙：

來自：http://blog.csdn.net/qiaoshe/article/details/6838191，感謝分享

CCTransitionFade, //漸隱效果

CCTransitionFadeTR, //碎片效果
CCTransitionJumpZoom, //跳動效果
CCTransitionMoveInL, //從左向右移動
CCTransitionPageTurn,  //翻頁效果
CCTransitionRadialCCW, //鐘擺效果
CCTransitionRotoZoom, //渦輪效果
CCTransitionSceneOriented, //
CCTransitionShrinkGrow, //漸遠效果
CCTransitionSlideInL, //左移
CCTransitionSplitCols, //上下移動
CCTransitionTurnOffTiles //百葉窗

CCTransitionScene : CCScene  基類

CCRotoZoomTransition 旋轉縮小切換
CCJumpZoomTransition 縮小後跳躍切換
CCSlideInLTransition 從左向右切換
CCSlideInRTransition 從右向左切換
CCSlideInTTransition 從上向下切換
CCSlideInBTransition 從下向上切換
CCShrinkGrowTransition 逐漸縮小切換
CCFlipXTransition 已x中間爲軸平面式旋轉切換
CCFlipYTransition 已y中間爲軸平面式旋轉切換
CCFlipAngularTransition 側翻式旋轉切換
CCZoomFlipXTransition 縮小後x爲軸旋轉切換
CCZoomFlipYTransition 縮小後y爲軸旋轉切換
CCZoomFlipAngularTransition 縮小側翻式旋轉切換
CCFadeTransition 逐漸變暗切換
CCCrossFadeTransition    逐漸變暗切換2
CCTurnOffTilesTransition  隨機方塊覆蓋切換
CCSplitColsTransition 三條上下分開切換
CCSplitRowsTransition 三條左右分開切換
CCFadeTRTransition 小方塊大方塊式切換 左下到右上
CCFadeBLTransition 小方塊大方塊式切換 右上到左下 
CCFadeUpTransition 百葉窗從下向上
CCFadeDownTransition 百葉窗從上向下

CCTransitionRotoZoom : CCTransitionScene  旋轉進入
CCTransitionJumpZoom : CCTransitionScene  跳動進入
CCTransitionMoveInL : CCTransitionScene<CCTransitionEaseScene> 從左側進入
CCTransitionMoveInR : CCTransitionMoveInL  從右側進入
CCTransitionMoveInT : CCTransitionMoveInL  從頂部進入
CCTransitionMoveInB : CCTransitionMoveInL  從底部進入
CCTransitionSlideInL : CCTransitionScene<CCTransitionEaseScene> 從左側滑入
CCTransitionSlideInR : CCTransitionSlideInL  從右側滑入
CCTransitionSlideInB : CCTransitionSlideInL 從頂部滑入
CCTransitionSlideInT : CCTransitionSlideInL  從底部滑入
CCTransitionShrinkGrow : CCTransitionScene<CCTransitionEaseScene> 交替進入
CCTransitionFlipX : CCTransitionSceneOriented x軸翻入（左右）
CCTransitionFlipY : CCTransitionSceneOriented y軸翻入（上下）
CCTransitionFlipAngular : CCTransitionSceneOriented 左上右下軸翻入
CCTransitionZoomFlipX : CCTransitionSceneOriented x軸翻入放大縮小效果（左右）
CCTransitionZoomFlipY : CCTransitionSceneOriented y軸翻入放大縮小效果（上下）
CCTransitionZoomFlipAngular :CCTransitionSceneOriented  左上右下軸翻入放大縮小效果
CCTransitionFade : CCTransitionScene   變暗變亮進入
CCTransitionCrossFade : CCTransitionScene  漸變進入
CCTransitionTurnOffTiles : CCTransitionScene<CCTransitionEaseScene> 小方格消失進入
CCTransitionSplitCols : CCTransitionScene<CCTransitionEaseScene> 豎條切換進入
CCTransitionSplitRows : CCTransitionSplitCols  橫條切換進入
CCTransitionFadeTR : CCTransitionScene<CCTransitionEaseScene> 小方格右上角顯示進入
CCTransitionFadeBL : CCTransitionFadeTR  小方格左下角顯示進入
CCTransitionFadeUp : CCTransitionFadeTR  橫條向上顯示進入
CCTransitionFadeDown : CCTransitionFadeTR 橫條向下顯示進入