六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 1199|回复: 0

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

[复制链接]
 楼主| 发表于 2013-10-6 22:30:43 | 显示全部楼层 |阅读模式

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

  1. //触摸事件 - 当手指从屏幕抬起时调用的方法-Himi
  2. -(void) ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
  3. {
  4.     CCScene* scenec = [OtherLayout scene];
  5.     //部落格------
  6.     //CCTransitionTurnOffTiles *transitionScene = [CCTransitionTurnOffTiles transitionWithDuration:3 scene:scenec];
  7.     //近远-远近-----
  8.     //CCTransitionShrinkGrow *transitionScene = [CCTransitionShrinkGrow transitionWithDuration:3 scene:scenec];
  9.     //另一个layout左侧进入(视觉感觉是屏幕右移)
  10.     //CCTransitionSlideInL *transitionScene = [CCTransitionSlideInL transitionWithDuration:3 scene:scenec];
  11.     //另一个layout右侧进入(视觉感觉是屏幕左移)
  12.     //CCTransitionSlideInR *transitionScene = [CCTransitionSlideInR transitionWithDuration:3 scene:scenec];
  13.     //另一个layout上侧进入(视觉感觉是屏幕下移)
  14.     //CCTransitionSlideInT *transitionScene = [CCTransitionSlideInT transitionWithDuration:3 scene:scenec];
  15.     //另一个layout下侧进入(视觉感觉是屏幕上移)
  16.     //CCTransitionSlideInB *transitionScene = [CCTransitionSlideInB transitionWithDuration:3 scene:scenec];
  17.     //当前屏幕被分为3列,两则下移,中间上移
  18.     //CCTransitionSplitCols *transitionScene = [CCTransitionSplitCols transitionWithDuration:3 scene:scenec];
  19.     //当前屏幕被分为3列,两则左移,中间右移
  20.     //CCTransitionSplitRows *transitionScene = [CCTransitionSplitRows transitionWithDuration:3 scene:scenec];   
  21.      //扇形转换-----
  22.     //CCTransitionRadialCW *transitionScene = [CCTransitionRadialCW transitionWithDuration:3 scene:scenec];
  23.     //平面旋转-----
  24.     //CCTransitionRotoZoom *transitionScene = [CCTransitionRotoZoom transitionWithDuration:3 scene:scenec];
  25.     //近-远-跳动------
  26.     //CCTransitionJumpZoom *transitionScene = [CCTransitionJumpZoom transitionWithDuration:3 scene:scenec];
  27.     //立体反转(X轴)--(还有种从近到远,从远到近的感觉)--------
  28.     //CCTransitionZoomFlipX *transitionScene = [CCTransitionZoomFlipX transitionWithDuration:3 scene:scenec];
  29.     //立体反转(Y轴)-(还有种从近到远,从远到近的感觉)-------
  30.     //CCTransitionZoomFlipY *transitionScene = [CCTransitionZoomFlipY transitionWithDuration:3 scene:scenec];
  31.     //立体反转(X,Y轴)---(还有种从近到远,从远到近的感觉)-----
  32.     //CCTransitionZoomFlipAngular *transitionScene = [CCTransitionZoomFlipAngular transitionWithDuration:3 scene:scenec];
  33.     //另外一个layout左侧进入覆盖当前layout
  34.     //CCTransitionMoveInL *transitionScene = [CCTransitionMoveInL transitionWithDuration:3 scene:scenec];
  35.     //另外一个layout右侧进入覆盖当前layout
  36.     //CCTransitionMoveInR *transitionScene = [CCTransitionMoveInR transitionWithDuration:3 scene:scenec];
  37.     //另外一个layout上侧进入覆盖当前layout
  38.     //CCTransitionMoveInT *transitionScene = [CCTransitionMoveInT transitionWithDuration:3 scene:scenec];
  39.     //另外一个layout下侧进入覆盖当前layout
  40.     //CCTransitionMoveInB *transitionScene = [CCTransitionMoveInB transitionWithDuration:3 scene:scenec];
  41.     //立体反转(X轴)--2D平面反转,没有远近感
  42.     //CCTransitionFlipX *transitionScene = [CCTransitionFlipX transitionWithDuration:3 scene:scenec];
  43.     //立体反转(Y轴)--2D平面反转,没有远近感
  44.     //CCTransitionFlipY *transitionScene = [CCTransitionFlipY transitionWithDuration:3 scene:scenec];
  45.     //立体反转(X,Y轴)--2D平面反转,没有远近感
  46.     //CCTransitionFlipAngular *transitionScene = [CCTransitionFlipAngular transitionWithDuration:3 scene:scenec];
  47.     //实体-透明-实体(默认无颜色,可以附带颜色)
  48.     //CCTransitionFade* transitionScene = [CCTransitionFade transitionWithDuration:3 scene:scenec withColor:ccWHITE];
  49.     //另外一个直接渐变覆盖当前layout
  50.     //CCTransitionCrossFade *transitionScene = [CCTransitionCrossFade transitionWithDuration:3 scene:scenec];
  51.     //移动(方格状)部落格,从左下往右上
  52.     //CCTransitionFadeTR *transitionScene = [CCTransitionFadeTR transitionWithDuration:3 scene:scenec];
  53.     //移动(方格状)部落格,从右上往左下   
  54.     CCTransitionFadeBL *transitionScene = [CCTransitionFadeBL transitionWithDuration:3 scene:scenec];
  55.     //移动(长矩形,宽度是屏幕宽)部落格,从下往上
  56.     //CCTransitionFadeUp *transitionScene = [CCTransitionFadeUp transitionWithDuration:3 scene:scenec];
  57.     //移动(长矩形,宽度是屏幕宽)部落格,从上往下
  58.     //CCTransitionFadeDown *transitionScene = [CCTransitionFadeDown transitionWithDuration:3 scene:scenec];
  59.     [[CCDirector sharedDirector] replaceScene: transitionScene];
  60. }
复制代码

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

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

        首先找到RootViewController.m 类(此类在1.0版本存在),然后找到宏定义的一段代码,代码如下:

       #elif GAME_AUTOROTATION == kGameAutorotationUIViewController

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

[cpp] view plaincopyprint?


  • return ( UIInterfaceOrientationIsLandscape( interfaceOrientation ) );


如果想设置竖屏,请更改如下即可:

[cpp] view plaincopyprint?


  • return (UIInterfaceOrientationIsPortrait(interfaceOrientation));


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



本文摘自:http://flandycheng.blog.51cto.com/855176/794160
该会员没有填写今日想说内容.
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表