一、遊戲場景切換
在iPhone遊戲開發中,遊戲之間的場景開發中有很多動畫可以實作,具體實作的動畫如下:
上面的每個動畫都作了解釋,當調用的時候要寫入如下代碼:
畫面中提供了二十六種場景切換的動作,我将貼上demo給大家分享。
補充:可能有重複
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 橫條向下顯示進入
使用方法:
CCScene *scene = [CCScene node];
[scene addChild:[GameLayer node]];
[[CCDirector sharedDirector] replaceScene:[CCTransitionSplitRowstransitionWithDuration:1.2f scene:scene]];
場景切換的兩種方式
直接調用場景
[CCDirector sharedDirector]replaceScene:[GameLayer scene]];
2、從init函數開始執行
縮放的形式切換場景的方法
[[CCDirector sharedDirector] replaceScene:[CCShrinkGrowTransition transitionWithDuration:1.2f scene:sc]];
二、點陣字的實作
在iPhone開發中,我們要實作不同類型的字型,不同變相的字型,我們除了用Photoshop畫好圖檔加載進入之外還可以做點貼字來實作。
(1)點陣字介紹
點陣字能使用OpenGL ES将文本渲染到螢幕上。在點陣字中每個字元由一張圖像表示,我們可以通過Hiero生成的點陣字精靈表來實作。Hiero的下載下傳位址為:(http://n4te.com/hiero/hiero.jnlp),我們在windows平台還能利用BMFont(http://www.anglecode.com/products/bmfont)從TrueType生成點陣字。它提供的功能比Hiero多。
(2)Hiero介紹
Hiero主界面
從左邊的Font裡面選擇system裡面的字型,或者可以加載檔案裡面的字型,并設定字型的大小或者黑體,斜體等,然後選擇在右邊的Effects,選擇你喜歡的,然後在Rendering設定要用的寬度和高度,之後我們可以選擇Reset Cache,設定後的如下:
然後我們點選File的save bmfont files,如下圖:
這樣我們就可以得到BMFont的檔案了,一個png的精靈表使用的圖檔和一個fnt的控制檔案。
(3)如何使用CCLabelBMFont解析并顯示
在初始化裡面寫入如下代碼:
這樣我們就可以得到我們像上圖那樣模拟器的顯示結果了,這節課講了場景切換和點陣字,主要是場景的動畫實作和如何制作我們想要的點陣字。好了,這節就講到這裡啦,歡迎大家支援哈。