您的位置:首页 > 其它

CCScene切换的所有特效(27种)以及设置屏幕横竖屏!

2012-04-09 14:58 661 查看
[CCDirector sharedDirector]replaceScene:[GameLayer scene]];

原文地址:http://blog.csdn.net/xiaominghimi/article/details/6651281
CCScene 对于使用cocos2d的童鞋肯定很熟悉,那么在使用   [[CCDirectorsharedDirector]replaceScene:<#(CCScene *)scene#>];  对scene进行场景(CCLayout)进行切换时,cocos2d提供了一些特效进行过渡,那么今天仔细翻开cocos2d源码,将所有的动画效果都测试了一遍,大概整理如下,提供大家查阅和使用吧;
因为我使用的是最新的cocos2d的1.0版本,所以一些函数方法跟之前不一样了,所以不要感到奇怪;
由于代码都有备注,所以就直接上代码了,就不详细单独解释了;关于注释的都是我的直观体验,推荐大家放到自己项目中,自己都看看每个的效果,这样记忆深刻;

view plain
//触摸事件 - 当手指从屏幕抬起时调用的方法-Himi
-(void) ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
CCScene* scenec = [OtherLayout 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];
[[CCDirector sharedDirector] replaceScene: transitionScene];
}
以上代码Himi推荐大家自己常识运行每种特效,毕竟每个人都有不同的感觉,注释都是我的感觉写的,大概注释了一下而已;
下面我来给大家介绍如何在cocos2d 1.0版本中设置竖屏显示,因为默认是横屏;
首先找到RootViewController.m 类(此类在1.0版本存在),然后找到宏定义的一段代码,代码如下:
#elif GAME_AUTOROTATION ==kGameAutorotationUIViewController
然后下面能看到cocos2d的默认代码是设置横屏:
view plain
return ( UIInterfaceOrientationIsLandscape( interfaceOrientation ) );

如果想设置竖屏,请更改如下即可:
view plain
return (UIInterfaceOrientationIsPortrait(interfaceOrientation));

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

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 //横条向下显示进入

使用方法:
[CCDirector sharedDirector]replaceScene:[GameLayer scene]];
场景切换的两种方式 直接调用场景
[CCDirector sharedDirector]replaceScene:[GameLayer scene]];
2、从init函数开始执行
CCScene *scene = [CCScene node];
[scene addChild:[GameLayer node]];
[[CCDirector sharedDirector] replaceScene:[CCTransitionSplitRows transitionWithDuration:1.2f scene:scene]];
缩放的形式切换场景的方法
[[CCDirector sharedDirector] replaceScene: [CCShrinkGrowTransition transitionWithDuration:1.2f scene:scene]];




                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layout 测试
相关文章推荐