iOS游戲開發沒有你想的那么難--Hardest

jhcw3950 8年前發布 | 31K 次閱讀 游戲開發 iOS開發

項目說明:考慮到許多不會使用Cocos2D-X和Swift的朋友,此次項目采用Objective-C并且基于UIKit框架實現的.意思就是你會使用UIView,就可以嘗試開發游戲了,嘿嘿!

原生項目是采用Cocos2D-X開發的,所以在對圖片的動畫處理時,有些地方會沒有原生顯得那么流暢(如切割圖片,對圖片的變形處理,圖片快速替換等),并且在性能上來說,UIKit也不如Cocos2D-X流暢,畢竟術業有專攻.如果是要開發游戲來上架的話,最好采用專門的游戲引擎來搭建項目(Cocos-2D,Unity3D,Sprite Kit等).

  • 開發語言:Objective-C

  • 開發工具:Xcode7.1

  • 編譯環境:大于Xcode7.0

  • 輔助工具:Photoshop CS6

項目講解: 把整個項目用文字帶著大家過一遍有點不現實.這里我將項目的大體結構和一些主要邏輯,以及主要對象提供的接口功能下面列舉出來.建議同學們先看代碼,配合代碼再來看這篇文章,順著代碼和文字搞懂項目主體邏輯.當需要學習具體功能如何實現時,在看.m文件下的實現代碼學習如何實現功能,如果有哪些地方不清楚,在簡書下面留言或者微博留言.

學習建議:最好使用真機來進行運行調試,有些關卡需要使用加速計與陀螺儀等功能,模擬器是沒有的.當遇到實在無法過去的關卡時,點擊首頁的有些手柄按鈕,點擊解鎖下一關或者在代碼啟動時,手動寫入關卡得分信息即可.

Hardest

主體架構

音效和背景音樂

音效和背景音樂采用了AVFoundation框架封裝了一個WNXSoundToolManager的單利對象,背景音樂采用AVAudioPlayer,背景音效采用AudioServicesPlaySystemSound.

提供以下方法和屬性供全局調用或修改,通過修改bgMusicType和soundType可以控制背景音樂和音效聲音的大小,通過playSoundWithSoundName:方法根據音效名稱設置播放不同的音效.

// 音效或背景音樂播放聲音打大小枚舉
typedef NS_ENUM(NSInteger, SoundPlayType) {
    SoundPlayTypeHight = 0,
    SoundPlayTypeMiddle,
    SoundPlayTypeLow,
    SoundPlayTypeMute
};

@interface WNXSoundToolManager : NSObject

// 背景音樂聲音大小Type
@property (nonatomic, assign) SoundPlayType bgMusicType;
// 音效聲音大小Type
@property (nonatomic, assign) SoundPlayType soundType;

// 暫停背景音樂
- (void)pauseBgMusic;
// 停止播放背景音樂
- (void)stopBgMusic;
// 重新播放背景音樂
- (void)playBgMusicWihtPlayAgain:(BOOL)playAgain;
// 播放音效:音效名稱
- (void)playSoundWithSoundName:(NSString *)soundName;
// 設置背景音樂音量:音量大小0~1
- (void)setBackgroundMusicVolume:(float)volume;

// 獲取SoundManager單利對象
+ (instancetype)sharedSoundToolManager;

@end

保存和讀取玩家關卡記錄(WNXStageInfoManager)

如何持久化存儲玩家過關信息和每關的得分記錄.本項目采用歸檔和解檔的方案.

拿到WNXStageInfoManager的單例對象,通過調用Save和Read方法保存或讀取關卡信息,當游戲關卡進入結算得分控制器后,判斷新記錄是否需要保存,如果需要調用保存接口.具體實現代碼請參照WNXStageInfoManager.m文件

// 單例方法
+ (instancetype)sharedStageInfoManager;

// 保存關卡信息
- (BOOL)saveStageInfo:(WNXStageInfo *)stageInfo;
// 讀取指定關卡編號的關卡信息
- (WNXStageInfo *)stageInfoWithNumber:(int)number;

// 這個接口是當游戲無法過關時,在RootViewController點擊手柄按鈕,解鎖下一關卡使用(**秘籍~慎用**)
- (BOOL)unlockNextStage;

啟動頁動畫

啟動頁動畫是目前App比較常見的功能(順豐優選,順手付,順豐海淘等都有).其實這里有一種假象,在AppDelegate的didFinishLaunchingWithOptions()方法中,添加一個與啟動圖片完全一樣的AnimVC,將AnimVC設置為keyWindow的rootViewController,在AnimVC的viewDidApper()方法中執行動畫,當動畫完成后通過Block切換keyWindow的rootViewController為首頁VC就OK了.

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    [[UIApplication sharedApplication] setStatusBarHidden:YES];

    [NSThread sleepForTimeInterval:1.0];

    [self setKeyWindow];

    return YES;
}

- (void)setKeyWindow {
    __weak typeof(self) weakSelf = self;

    WNXLaunchAnimationViewController *launchAnimationVC = [[WNXLaunchAnimationViewController alloc] init];
    launchAnimationVC.animationFinish = ^{
        UIStoryboard *sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
        WNXBaseNavigationController *rootNav = (WNXBaseNavigationController *)[sb instantiateViewControllerWithIdentifier:@"RootNavigationController"];
        weakSelf.window.rootViewController = rootNav;
    };

    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    self.window.rootViewController = launchAnimationVC;
    [self.window makeKeyAndVisible];
}

關于動畫這里我就不講什么了,有興趣的朋友可以自己參考工程代碼研究下.

啟動頁動畫

首頁(WNXRootViewController)

首頁其實就是一張圖片,通過判斷當前設備屏幕尺寸,讀取當前設備尺寸對應按鈕的Plist文件,拿到首頁6個按鈕位置的Frame,在touchesBegan()方法中,通過CGRectContainsPoint方法判斷當前點擊位置時候在指定的Frame內,符合條件時做出對應 的操作,具體代碼

// 加載當前設備對應首頁按鈕Frame
- (void)loadHomeButtonFrame {
    NSString *framePath = [[NSBundle mainBundle] pathForResource:@"home.plist" ofType:nil];
    NSDictionary *frameDic = [NSDictionary dictionaryWithContentsOfFile:framePath];

    NSDictionary *dict;

    if (iPhone5) {
        dict = frameDic[@"iphone5"];
    } else {
        dict = frameDic[@"iphone4"];
    }

    _settingFrame = CGRectFromString(dict[@"btn_setting_frame"]);
    _languageFrame = CGRectFromString(dict[@"btn_language_frame"]);
    _moreFrame = CGRectFromString(dict[@"btn_more_frame"]);
    _rankFrame = CGRectFromString(dict[@"btn_rank_frame"]);
    _playFrame = CGRectFromString(dict[@"btn_play_frame"]);
    _getFrame = CGRectFromString(dict[@"btn_get_frame"]);
}

// 判斷點擊點是否在對應的Frame內
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];

    CGPoint touchPoint = [touch locationInView:touch.view];

    [[WNXSoundToolManager sharedSoundToolManager] playSoundWithSoundName: kSoundCliclName];

    if (CGRectContainsPoint(_settingFrame, touchPoint)) {

        [self performSegueWithIdentifier:@"Setting" sender:nil];

    } else if (CGRectContainsPoint(_languageFrame, touchPoint)) {

        [[UIApplication sharedApplication] openURL:[NSURL URLWithString:kBlogURL]];

    } else if (CGRectContainsPoint(_moreFrame, touchPoint)) {
        [self performSegueWithIdentifier:@"Rare" sender:nil];

    } else if (CGRectContainsPoint(_rankFrame, touchPoint)) {

        [[UIApplication sharedApplication] openURL:[NSURL URLWithString:kWeiBoURL]];

    } else if (CGRectContainsPoint(_playFrame, touchPoint)) {

        [self performSegueWithIdentifier:@"PlayGame" sender:nil];

    } else if (CGRectContainsPoint(_getFrame, touchPoint)) {

        [[UIApplication sharedApplication] openURL:[NSURL URLWithString:kGithubUrl]];

    }
}

關卡選擇控制器(WNXSelectStageViewController)

關卡選擇控制器采用UIScrollView實現,在scrollView放入24個WNXStageListView(當然這里也可以自己創建緩存池復用,個人覺得沒必要),每個WNXStageListView都有對應的一個關卡信息模型stageModel,模型屬性從工程->Resources->Plist->stages.plist文件中讀取,根據model里的成員變量,加載關卡對應的信息,如關卡圖片,是否解鎖,玩家歷史得分以及Rank標記等.

每個WNXStageListView,根據ID設置不同的Tag,并且提供單擊手勢,在stageView的點擊事件中.調用導航控制器,Push到WNXPrepareViewController控制器,并將選擇關卡的stageModel作為參數傳過去,WNXPrepareViewController做出相應的展示即可.

選擇關卡效果如下圖所示

選擇關卡效果圖

關卡準備開始控制器(WNXPrepareViewController)

每個關卡開始游戲前,都會以動畫的形式出現本關游戲名稱,過關規則,以及歷史得分等一系列功能.都是由這個控制器完成的.通過選擇關卡時傳入的stageModel,展示model內對應的數據,當用戶點擊Play按鈕時,使用WNXGameControllerViewManager單例對象,根據傳入的stageModel,返回對應的關卡ViewController,然后Push到返回的ViewController游戲關卡即可.

iOS游戲開發沒有你想的那么難--Hardest

準備開始控制器效果圖

關卡控制器

24關,每關都有很多重復的功能,這里我們按照不同關卡的屬性抽取出幾種公共的父類,每個關卡根據自己的需求選擇繼承相應的控制器,并且在ViewDidLoad函數中初始化每個關卡不同的屬性,具體分類效果如下圖所示

邏輯圖

WNXBaseGameViewController --> UIViewController

WNXBaseGameViewController是所有關卡ViewController的基類控制器,提供每個游戲關卡的基本屬性設置,并且每個關卡的初始化操作都封裝在了這里,每個關卡只需要在自己的ViewDidLoad方法中調用buildStageInfo()函數,添加構建自己的UI即可,重寫父類的方法,完成每關不同的操作.

公有屬性

1.WNXGameGuideType guideType每關第一次進入關卡,本關游戲手勢提示樣式

  • WNXGameGuideTypeNone無提示

  • WNXGameGuideTypeOneFingerClick單個手指頭點擊

  • WNXGameGuideTypeReplaceClick左右按鈕交替點擊

  • WNXGameGuideTypeMultiPointClick多個手指同時點擊

單個手指頭點擊效果

左右按鈕交替點擊效果

多個手指同時點擊效果樣式

2.WNXStage *stage每關關卡信息model(model詳情)

3.WNXScoreboardType每關計分板樣式

  • WNXScoreboardTypeNone無計分板

  • WNXScoreboardTypeCountPTS [WNXScoreboardTypeCountPTS]()

  • WNXScoreboardTypeTimeMS [WNXScoreboardTypeTimeMS]()

  • WNXScoreboardTypeSecondAndMS [WNXScoreboardTypeSecondAndMS]()

WNXScoreboardTypeCountPTS計分板樣式

WNXScoreboardTypeTimeMS計分板樣式

WNXScoreboardTypeSecondAndMS計分板樣式

4.UIView *countScoreView計分板(考慮有多種樣式,使用了UIView,每個關卡在用的時候根據自己類型進行強制轉換)

5.WNXStateView *stateView關卡提示狀態View

6.UIButton *playAgainButton 重新開始游戲按鈕

7.UIButton *pauseButton暫停按鈕

公有方法

- (void)beginGame; // 開始游戲
- (void)endGame;   // 結束游戲
- (void)beginRedayGoView; // 開始顯示RedayGo動畫
- (void)readyGoAnimationFinish; // RedayGo動畫顯示結束
- (void)pauseGame;    // 暫停游戲
- (void)continueGame; // 繼續游戲
- (void)playAgainGame; // 重新開始游戲
- (void)showGameFail; //  游戲失敗(部分關卡有, 進入失敗ViewController)

// 顯示關卡游戲結果
- (void)showResultControllerWithNewScroe:(double)scroe // 玩家得分
                                    unit:(NSString *)unil  // 本關計分器顯示單位
                                   stage:(WNXStage *)stage // 關卡信息
                              isAddScore:(BOOL)isAddScroe; // 是否是添加分數(這里偷了個懶,只做了添加動畫,應該有分數增長加動畫或者減少動畫)

// 構建關卡信息
- (void)buildStageInfo;

// 將廣告,重新開始,暫停按鈕放到最上層
- (void)bringPauseAndPlayAgainToFront;

// 構建顯示狀態View
- (void)buildStageView;

WNXRYBViewController --> WNXBaseGameViewController

WNXRYBViewController,繼承至WNXBaseGameViewController,底部擁有三個按鈕,并且默認有三條紅黃藍背景條(擁有高亮時圖片),底部按鈕默認Tag為0,1,2,游戲大部分關卡為這種樣式

公有屬性

@property (strong, nonatomic) UIImageView *redImageView;
@property (strong, nonatomic) UIImageView *yellowImageView;
@property (strong, nonatomic) UIImageView *blueImageView;

@property (strong, nonatomic) UIButton    *redButton;
@property (strong, nonatomic) UIButton    *yellowButton;
@property (strong, nonatomic) UIButton    *blueButton;

@property (nonatomic, strong) NSMutableArray *buttons;
@property (nonatomic, strong) NSArray *buttonImageNames;

公有方法

- (void)setButtonsIsActivate:(BOOL)isActivate; // 設置全部按鈕是否可以點擊

- (void)setButtonImage:(UIImage *)image // 當底部按鈕圖片相同時,設置底部按鈕圖片
      contenEdgeInsets:(UIEdgeInsets)insets; // 圖片的contenEdgeInsets

- (void)removeAllImageView; // 有寫關卡不需要紅黃藍背景圖片時,刪除三個UIImageView

// 底部按鈕Action
- (void)addButtonsActionWithTarget:(id)target 
                            action:(SEL)action
                  forControlEvents:(UIControlEvents)forControlEvents;

WNXTwoButtonViewController --> WNXBaseGameViewController

WNXTwoButtonViewController,底部擁有倆個按鈕關卡,并且默認帶有背景ImageView.

公有屬性

@property (nonatomic, strong) UIImageView *backgroundIV;

@property (nonatomic, strong) UIButton *leftButton;
@property (nonatomic, strong) UIButton *rightButton;

公有方法

// 統一設置按鈕是否可以被點擊,部分關卡按鈕點擊后,不允許再次點擊
- (void)setButtonActivate:(BOOL)isActivate;

WNXBackgroundViewController --> WNXBaseGameViewController

只帶有背景圖關卡,項目中有些關卡是采用陀螺儀和加速計的關卡.

關于每一關如何實現,我這里就不一一列舉了,有點太多了,但是都并不復雜,寫個2~3關基本就能掌握套路了,就個別關卡使用了加速計和陀螺儀,具體實現的代碼我都在工程中寫的很明白了,在Stage文件夾下,大家自行參考即可.

分數結算控制器(WNXResultViewController)

當每個關卡游戲結束后,都會進入分數結算控制器,這里通過在WNXBaseGameViewController中封裝了一個方法以保證每個關卡控制器都可以直接調用計算得分,當關卡游戲結束后,調用當前關卡的下面函數即可,這里小熊偷了個懶,只實現了相加的功能,不過相信通過參考相加的功能,大家實現相減的功能也是小csae啦~

- (void)showResultControllerWithNewScroe:(double)scroe
                                    unit:(NSString *)unil
                                   stage:(WNXStage *)stage
                              isAddScore:(BOOL)isAddScroe;

說明下isAddScore的作用

  • 有些關卡是得分越高越好.這總關卡在顯示結果的時候分數是從0一點點網上加的,這種情況isAddScore傳入YES

  • 有些關卡是得分越少越好,這總卡在顯示結果的時候分數是從大網小一點點減少的,這種情況isAddScore傳入NO

當結算分數完成后,會出現以下幾種情況,跟據不同的得分情況執行不同的邏輯即可,具體邏輯如下所示

狀態一: 游戲失敗(當得分小于等于F,不保存得分),出現下圖

得分不夠,顯示失敗

狀態二: 游戲成功

  • 當前關卡無得分記錄,并且得分大于F,保存玩家得分,正常顯示得分結果,并且解鎖下一關.

成功狀態1

  • 當前關卡有記錄,但是本次游戲得分沒有超越歷史記錄,正常顯示得分結果,不保存本次游戲得分.

成功狀態2

  • 當前關卡有記錄,并且本次游戲得分超越歷史記錄,顯示超越歷史得分動畫,并且講本次得分替換掉上一次得分.

成功狀態3

失敗(WNXFailViewController)

  • 部分關卡會有在游戲中失敗的情況,如下圖

游戲失敗

這里也是在WNXBaseGameViewController中封裝了一個方法,當關卡失敗后,直接調用showGameFail()方法,Push到失敗控制器即可.

如果需要失敗時執行一些操作,如停止計時,停止動畫等,在當前關卡重寫showGameFail()方法,在調用父類方法前調用需要執行的相應代碼即可,如下

- (void)showGameFail {
    // 需要在游戲失敗時執行的相應代碼
    // do something

    [super showGameFail];
}

暫停控制器(WNXPauseViewController)

每個游戲關卡都有暫停的功能,所以將暫停的功能封裝到WNXBaseGameViewController中,并且提供兩個接口供子控制器調用,分別為

  • (void)pauseGame; 暫停游戲

  • (void)continueGame; 繼續游戲

在每個游戲關卡重寫上面兩個方法,當玩家點擊暫停按鈕時,回調用暫停方法,點擊返回時,會調用繼續方法,具體實現如下

// 玩家點擊暫停按鈕
- (void)pauseGame {
    // 關卡暫停,本關需要執行的相應操作,如暫停計時器,動畫等.

    [super pauseGame];
}

- (void)continueGame {
    [super continueGame];

    // 繼續游戲,繼續執行暫停前的操作
}

暫停控制器效果圖

項目總結

項目寫的比較匆忙,基本每天晚上抽空寫點,寫完也沒有回頭CodeReview,說實話,這是一個非常非常不好的習慣,大家一定要養成定期回頭看看自己寫過代碼的習慣.隨著越網后寫,發現前面有很多地方可以修改,我吧有點懶,So你懂的...

感覺光靠文字來講述一個項目實在是太困難.希望大家還是參考工程代碼,當遇到無法看懂或者不理解的時候參考下我寫的Blog應該會更好一些.這個游戲項目說實話還是比較簡單的,相信大家仔細研究下都可以實現的.游戲還有24關,有興趣的同學可以嘗試自己將剩下的24關自己實現下~

 

 

來自:http://www.cocoachina.com/ios/20161025/17823.html

 

 本文由用戶 jhcw3950 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!