天天看點

【iphone遊戲開發】Iphone遊戲開發之五:遊戲場景切換,點陣字的實作和Hiero工具的利用

一、遊戲場景切換

在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主界面

【iphone遊戲開發】Iphone遊戲開發之五:遊戲場景切換,點陣字的實作和Hiero工具的利用

從左邊的Font裡面選擇system裡面的字型,或者可以加載檔案裡面的字型,并設定字型的大小或者黑體,斜體等,然後選擇在右邊的Effects,選擇你喜歡的,然後在Rendering設定要用的寬度和高度,之後我們可以選擇Reset Cache,設定後的如下:

【iphone遊戲開發】Iphone遊戲開發之五:遊戲場景切換,點陣字的實作和Hiero工具的利用

然後我們點選File的save bmfont files,如下圖:

【iphone遊戲開發】Iphone遊戲開發之五:遊戲場景切換,點陣字的實作和Hiero工具的利用

這樣我們就可以得到BMFont的檔案了,一個png的精靈表使用的圖檔和一個fnt的控制檔案。

(3)如何使用CCLabelBMFont解析并顯示

【iphone遊戲開發】Iphone遊戲開發之五:遊戲場景切換,點陣字的實作和Hiero工具的利用

在初始化裡面寫入如下代碼:

這樣我們就可以得到我們像上圖那樣模拟器的顯示結果了,這節課講了場景切換和點陣字,主要是場景的動畫實作和如何制作我們想要的點陣字。好了,這節就講到這裡啦,歡迎大家支援哈。