【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. //觸摸事件 - 當手指從屏幕擡起時調用的方法-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的默認代碼是設置橫屏:

  1. return ( UIInterfaceOrientationIsLandscape( interfaceOrientation ) );  

如果想設置豎屏,請更改如下即可:

  1. return (UIInterfaceOrientationIsPortrait(interfaceOrientation));  

ok,今天就先介紹這裏~繼續學習~下面給出一張,部落格效果,從左下往右上的切換特效截圖;


 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章