【IOS-COCOS2D游戏开发之三】CCSCENE切换的所有特效（28种）以及设置屏幕横竖屏！-阿里云开发者社区

本站文章均为李华明Himi 原创,转载务必在明显处注明：

转载自【黑米GameDev街区】原文链接: http://www.himigame.com/iphone-cocos2d/423.html

CCScene 对于使用cocos2d的童鞋肯定很熟悉，那么在使用 [[CCDirectorsharedDirector]replaceScene:<#(CCScene *)scene#>]; 对scene进行场景（CCLayout）进行切换时，cocos2d提供了一些特效进行过渡，那么今天仔细翻开cocos2d源码，将所有的动画效果都测试了一遍，大概整理如下，提供大家查阅和使用吧；

因为我使用的是最新的cocos2d的1.0版本，所以一些函数方法跟之前不一样了，所以不要感到奇怪；

由于代码都有备注，所以就直接上代码了，就不详细单独解释了；关于注释的都是我的直观体验，推荐大家放到自己项目中，自己都看看每个的效果，这样记忆深刻；

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


CCScene* scenec = [Himi scene];

    //部落格－－－－－－

    //CCTransitionTurnOffTiles *transitionScene = [CCTransitionTurnOffTiles transitionWithDuration:3 scene:scenec];

    //近远－远近－－－－－

    //CCTransitionShrinkGrow *transitionScene = [CCTransitionShrinkGrow transitionWithDuration:3 scene:scenec];

    //另一个layout左侧进入（视觉感觉是屏幕右移）

    //CCTransitionSlideInL *transitionScene = [CCTransitionSlideInL transitionWithDuration:3 scene:scenec];

    //另一个layout右侧进入（视觉感觉是屏幕左移）

    //CCTransitionSlideInR *transitionScene = [CCTransitionSlideInR transitionWithDuration:3 scene:scenec];

    //另一个layout上侧进入（视觉感觉是屏幕下移）

    //CCTransitionSlideInT *transitionScene = [CCTransitionSlideInT transitionWithDuration:3 scene:scenec];

    //另一个layout下侧进入（视觉感觉是屏幕上移）

    //CCTransitionSlideInB *transitionScene = [CCTransitionSlideInB transitionWithDuration:3 scene:scenec];

    //当前屏幕被分为3列，两则下移，中间上移

    //CCTransitionSplitCols *transitionScene = [CCTransitionSplitCols transitionWithDuration:3 scene:scenec];

    //当前屏幕被分为3列，两则左移，中间右移

    //CCTransitionSplitRows *transitionScene = [CCTransitionSplitRows transitionWithDuration:3 scene:scenec];

    //扇形转换－－－－－

    //CCTransitionRadialCW *transitionScene = [CCTransitionRadialCW transitionWithDuration:3 scene:scenec];

    //平面旋转－－－－－

    //CCTransitionRotoZoom *transitionScene = [CCTransitionRotoZoom transitionWithDuration:3 scene:scenec];

    //近－远－跳动－－－－－－

    //CCTransitionJumpZoom *transitionScene = [CCTransitionJumpZoom transitionWithDuration:3 scene:scenec];

    //立体反转（X轴）－－(还有种从近到远，从远到近的感觉)－－－－－－－－

    //CCTransitionZoomFlipX *transitionScene = [CCTransitionZoomFlipX transitionWithDuration:3 scene:scenec];

    //立体反转（Y轴）－(还有种从近到远，从远到近的感觉)－－－－－－－

    //CCTransitionZoomFlipY *transitionScene = [CCTransitionZoomFlipY transitionWithDuration:3 scene:scenec];

    //立体反转（X,Y轴）－－－(还有种从近到远，从远到近的感觉)－－－－－

    //CCTransitionZoomFlipAngular *transitionScene = [CCTransitionZoomFlipAngular transitionWithDuration:3 scene:scenec];

    //另外一个layout左侧进入覆盖当前layout

    //CCTransitionMoveInL *transitionScene = [CCTransitionMoveInL transitionWithDuration:3 scene:scenec];

    //另外一个layout右侧进入覆盖当前layout

    //CCTransitionMoveInR *transitionScene = [CCTransitionMoveInR transitionWithDuration:3 scene:scenec];

    //另外一个layout上侧进入覆盖当前layout

    //CCTransitionMoveInT *transitionScene = [CCTransitionMoveInT transitionWithDuration:3 scene:scenec];

    //另外一个layout下侧进入覆盖当前layout

    //CCTransitionMoveInB *transitionScene = [CCTransitionMoveInB transitionWithDuration:3 scene:scenec];

    //立体反转（X轴）－－2D平面反转，没有远近感

    //CCTransitionFlipX *transitionScene = [CCTransitionFlipX transitionWithDuration:3 scene:scenec];

    //立体反转（Y轴）－－2D平面反转，没有远近感

    //CCTransitionFlipY *transitionScene = [CCTransitionFlipY transitionWithDuration:3 scene:scenec];

    //立体反转（X,Y轴）－－2D平面反转，没有远近感

    //CCTransitionFlipAngular *transitionScene = [CCTransitionFlipAngular transitionWithDuration:3 scene:scenec];

    //实体－透明－实体(默认无颜色，可以附带颜色)

    //CCTransitionFade* transitionScene = [CCTransitionFade transitionWithDuration:3 scene:scenec withColor:ccWHITE];

    //另外一个直接渐变覆盖当前layout

    //CCTransitionCrossFade *transitionScene = [CCTransitionCrossFade transitionWithDuration:3 scene:scenec];

    //移动（方格状）部落格，从左下往右上

    //CCTransitionFadeTR *transitionScene = [CCTransitionFadeTR transitionWithDuration:3 scene:scenec];

    //移动（方格状）部落格，从右上往左下

    CCTransitionFadeBL *transitionScene = [CCTransitionFadeBL transitionWithDuration:3 scene:scenec];

    //移动（长矩形，宽度是屏幕宽）部落格，从下往上

    //CCTransitionFadeUp *transitionScene = [CCTransitionFadeUp transitionWithDuration:3 scene:scenec];

    //移动（长矩形，宽度是屏幕宽）部落格，从上往下

    //CCTransitionFadeDown *transitionScene = [CCTransitionFadeDown transitionWithDuration:3 scene:scenec];

    //书的翻页效果

    //CCTransitionPageTurn *transitionScene=[CCTransitionPageTurn transitionWithDuration:3 scene:scenec backwards:YES];
     

    [[CCDirector sharedDirector] replaceScene: transitionScene];

以上代码Himi推荐大家自己常识运行每种特效，毕竟每个人都有不同的感觉，注释都是我的感觉写的，大概注释了一下而已；

下面我来给大家介绍如何在cocos2d 1.0版本中设置竖屏显示，因为默认是横屏；

首先找到RootViewController.m 类（此类在1.0版本存在），然后找到宏定义的一段代码，代码如下：

#elif GAME_AUTOROTATION == kGameAutorotationUIViewController

然后下面能看到cocos2d的默认代码是设置横屏：

1

return ( UIInterfaceOrientationIsLandscape( interfaceOrientation ) );

如果想设置竖屏，请更改如下即可：

1

return (UIInterfaceOrientationIsPortrait(interfaceOrientation));

ok，今天就先介绍这里～继续学习～下面给出一张，部落格效果，从左下往右上的切换特效截图；