1,081被浏览742,194分享邀请回答0添加评论分享收藏感谢收起iOS游戏开发没有你想的那么难--Hardest - 简书
iOS游戏开发没有你想的那么难--Hardest
和大家聊聊天
有段日子没有发布过任何文字和代码了,之前的文章下很多网友留言也没有回复,其实每条评论我都有认真看.只是最近整个人有点迷茫,望大家理解.其实我很期盼大家和我聊聊天,但不要总是聊技术...
关于项目(代码下载地址在文章最下面点击GitHub链接)
项目说明:考虑到许多不会使用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文件下的实现代码学习如何实现功能,如果有哪些地方不清楚,在简书下面留言或者微博留言.
学习建议:最好使用真机来进行运行调试,有些关卡需要使用加速计与陀螺仪等功能,模拟器是没有的.当遇到实在无法过去的关卡时,点击首页的有些手柄按钮,点击解锁下一关或者在代码启动时,手动写入关卡得分信息即可.
音效和背景音乐
音效和背景音乐采用了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 bgMusicT
// 音效声音大小Type
@property (nonatomic, assign) SoundPlayType soundT
// 暂停背景音乐
- (void)pauseBgM
// 停止播放背景音乐
- (void)stopBgM
// 重新播放背景音乐
- (void)playBgMusicWihtPlayAgain:(BOOL)playA
// 播放音效:音效名称
- (void)playSoundWithSoundName:(NSString *)soundN
// 设置背景音乐音量:音量大小0~1
- (void)setBackgroundMusicVolume:(float)
// 获取SoundManager单利对象
+ (instancetype)sharedSoundToolM
保存和读取玩家关卡记录(WNXStageInfoManager)
如何持久化存储玩家过关信息和每关的得分记录.本项目采用归档和解档的方案.
拿到WNXStageInfoManager的单例对象,通过调用Save和Read方法保存或读取关卡信息,当游戏关卡进入结算得分控制器后,判断新记录是否需要保存,如果需要调用保存接口.具体实现代码请参照WNXStageInfoManager.m文件
// 单例方法
+ (instancetype)sharedStageInfoM
// 保存关卡信息
- (BOOL)saveStageInfo:(WNXStageInfo *)stageI
// 读取指定关卡编号的关卡信息
- (WNXStageInfo *)stageInfoWithNumber:(int)
// 这个接口是当游戏无法过关时,在RootViewController点击手柄按钮,解锁下一关卡使用(**秘籍~慎用**)
- (BOOL)unlockNextS
启动页动画
启动页动画是目前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 =
WNXLaunchAnimationViewController *launchAnimationVC = [[WNXLaunchAnimationViewController alloc] init];
launchAnimationVC.animationFinish = ^{
UIStoryboard *sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
WNXBaseNavigationController *rootNav = (WNXBaseNavigationController *)[sb instantiateViewControllerWithIdentifier:@"RootNavigationController"];
weakSelf.window.rootViewController = rootN
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 *
if (iPhone5) {
dict = frameDic[@"iphone5"];
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&UITouch *& *)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游戏关卡即可.
准备开始控制器效果图
关卡控制器
24关,每关都有很多重复的功能,这里我们按照不同关卡的属性抽取出几种公共的父类,每个关卡根据自己的需求选择继承相应的控制器,并且在ViewDidLoad函数中初始化每个关卡不同的属性,具体分类效果如下图所示
WNXBaseGameViewController --& UIViewController
WNXBaseGameViewController是所有关卡ViewController的基类控制器,提供每个游戏关卡的基本属性设置,并且每个关卡的初始化操作都封装在了这里,每个关卡只需要在自己的ViewDidLoad方法中调用buildStageInfo()函数,添加构建自己的UI即可,重写父类的方法,完成每关不同的操作.
WNXGameGuideType guideType每关第一次进入关卡,本关游戏手势提示样式
WNXGameGuideTypeNone无提示
WNXGameGuideTypeOneFingerClick单个手指头点击
WNXGameGuideTypeReplaceClick左右按钮交替点击
WNXGameGuideTypeMultiPointClick多个手指同时点击
单个手指头点击效果
左右按钮交替点击效果
多个手指同时点击效果样式
WNXStage *stage每关关卡信息model(model详情)
WNXScoreboardType每关计分板样式
WNXScoreboardTypeNone无计分板
WNXScoreboardTypeCountPTS
WNXScoreboardTypeCountPTS
WNXScoreboardTypeTimeMS
WNXScoreboardTypeTimeMS
WNXScoreboardTypeSecondAndMS
WNXScoreboardTypeSecondAndMS
WNXScoreboardTypeCountPTS计分板样式
WNXScoreboardTypeTimeMS计分板样式
WNXScoreboardTypeSecondAndMS计分板样式
UIView *countScoreView计分板(考虑有多种样式,使用了UIView,每个关卡在用的时候根据自己类型进行强制转换)
WNXStateView *stateView关卡提示状态View
UIButton *playAgainButton 重新开始游戏按钮
UIButton *pauseButton暂停按钮
- (void)beginG // 开始游戏
- (void)endG
// 结束游戏
- (void)beginRedayGoV // 开始显示RedayGo动画
- (void)readyGoAnimationF // RedayGo动画显示结束
- (void)pauseG
// 暂停游戏
- (void)continueG // 继续游戏
- (void)playAgainG // 重新开始游戏
- (void)showGameF //
游戏失败(部分关卡有, 进入失败ViewController)
// 显示关卡游戏结果
- (void)showResultControllerWithNewScroe:(double)scroe // 玩家得分
unit:(NSString *)unil
// 本关计分器显示单位
stage:(WNXStage *)stage // 关卡信息
isAddScore:(BOOL)isAddS // 是否是添加分数(这里偷了个懒,只做了添加动画,应该有分数增长加动画或者减少动画)
// 构建关卡信息
- (void)buildStageI
// 将广告,重新开始,暂停按钮放到最上层
- (void)bringPauseAndPlayAgainToF
// 构建显示状态View
- (void)buildStageV
WNXRYBViewController --& WNXBaseGameViewController
WNXRYBViewController,继承至WNXBaseGameViewController,底部拥有三个按钮,并且默认有三条红黄蓝背景条(拥有高亮时图片),底部按钮默认Tag为0,1,2,游戏大部分关卡为这种样式
@property (strong, nonatomic) UIImageView *redImageV
@property (strong, nonatomic) UIImageView *yellowImageV
@property (strong, nonatomic) UIImageView *blueImageV
@property (strong, nonatomic) UIButton
@property (strong, nonatomic) UIButton
@property (strong, nonatomic) UIButton
@property (nonatomic, strong) NSMutableArray *
@property (nonatomic, strong) NSArray *buttonImageN
- (void)setButtonsIsActivate:(BOOL)isA // 设置全部按钮是否可以点击
- (void)setButtonImage:(UIImage *)image // 当底部按钮图片相同时,设置底部按钮图片
contenEdgeInsets:(UIEdgeInsets) // 图片的contenEdgeInsets
- (void)removeAllImageV // 有写关卡不需要红黄蓝背景图片时,删除三个UIImageView
// 底部按钮Action
- (void)addButtonsActionWithTarget:(id)target
action:(SEL)action
forControlEvents:(UIControlEvents)forControlE
WNXTwoButtonViewController --& WNXBaseGameViewController
WNXTwoButtonViewController,底部拥有俩个按钮关卡,并且默认带有背景ImageView.
@property (nonatomic, strong) UIImageView *backgroundIV;
@property (nonatomic, strong) UIButton *leftB
@property (nonatomic, strong) UIButton *rightB
// 统一设置按钮是否可以被点击,部分关卡按钮点击后,不允许再次点击
- (void)setButtonActivate:(BOOL)isA
WNXBackgroundViewController --& WNXBaseGameViewController
只带有背景图关卡,项目中有些关卡是采用陀螺仪和加速计的关卡.
关于每一关如何实现,我这里就不一一列举了,有点太多了,但是都并不复杂,写个2~3关基本就能掌握套路了,就个别关卡使用了加速计和陀螺仪,具体实现的代码我都在工程中写的很明白了,在Stage文件夹下,大家自行参考即可.
分数结算控制器(WNXResultViewController)
当每个关卡游戏结束后,都会进入分数结算控制器,这里通过在WNXBaseGameViewController中封装了一个方法以保证每个关卡控制器都可以直接调用计算得分,当关卡游戏结束后,调用当前关卡的下面函数即可,这里小熊偷了个懒,只实现了相加的功能,不过相信通过参考相加的功能,大家实现相减的功能也是小csae啦~
- (void)showResultControllerWithNewScroe:(double)scroe
unit:(NSString *)unil
stage:(WNXStage *)stage
isAddScore:(BOOL)isAddS
说明下isAddScore的作用
有些关卡是得分越高越好.这总关卡在显示结果的时候分数是从0一点点网上加的,这种情况isAddScore传入YES
有些关卡是得分越少越好,这总卡在显示结果的时候分数是从大网小一点点减少的,这种情况isAddScore传入NO
当结算分数完成后,会出现以下几种情况,跟据不同的得分情况执行不同的逻辑即可,具体逻辑如下所示
状态一: 游戏失败(当得分小于等于F,不保存得分),出现下图
得分不够,显示失败
状态二: 游戏成功
当前关卡无得分记录,并且得分大于F,保存玩家得分,正常显示得分结果,并且解锁下一关.
当前关卡有记录,但是本次游戏得分没有超越历史记录,正常显示得分结果,不保存本次游戏得分.
当前关卡有记录,并且本次游戏得分超越历史记录,显示超越历史得分动画,并且讲本次得分替换掉上一次得分.
失败(WNXFailViewController)
部分关卡会有在游戏中失败的情况,如下图
这里也是在WNXBaseGameViewController中封装了一个方法,当关卡失败后,直接调用showGameFail()方法,Push到失败控制器即可.
如果需要失败时执行一些操作,如停止计时,停止动画等,在当前关卡重写showGameFail()方法,在调用父类方法前调用需要执行的相应代码即可,如下
- (void)showGameFail {
// 需要在游戏失败时执行的相应代码
// do something
[super showGameFail];
暂停控制器(WNXPauseViewController)
每个游戏关卡都有暂停的功能,所以将暂停的功能封装到WNXBaseGameViewController中,并且提供两个接口供子控制器调用,分别为
(void)pauseG 暂停游戏
(void)continueG 继续游戏
在每个游戏关卡重写上面两个方法,当玩家点击暂停按钮时,回调用暂停方法,点击返回时,会调用继续方法,具体实现如下
// 玩家点击暂停按钮
- (void)pauseGame {
// 关卡暂停,本关需要执行的相应操作,如暂停计时器,动画等.
[super pauseGame];
- (void)continueGame {
[super continueGame];
// 继续游戏,继续执行暂停前的操作
暂停控制器效果图
项目写的比较匆忙,基本每天晚上抽空写点,写完也没有回头CodeReview,说实话,这是一个非常非常不好的习惯,大家一定要养成定期回头看看自己写过代码的习惯.随着越网后写,发现前面有很多地方可以修改,我吧有点懒,So你懂的...
感觉光靠文字来讲述一个项目实在是太困难.希望大家还是参考工程代码,当遇到无法看懂或者不理解的时候参考下我写的Blog应该会更好一些.这个游戏项目说实话还是比较简单的,相信大家仔细研究下都可以实现的.游戏还有24关,有兴趣的同学可以尝试自己将剩下的24关自己实现下~
有段日子没使用OC写项目了,如果有任何建议可在简书留言,或者私信,或者在微博留言都可以,我都会看的.
这个项目完事后,可能会很长一段时间,不再写这种大型的开源项目了,因为我个人准备开发一款游戏上架到AppStore,从设计到UI设计以及需求实现都是我一人完成,工作量比较大.PS(现在连做什么都不知道呢...).
以后我会分享一些有意思的小功能,小动画等给大家.希望朋友继续关注维尼的小熊.
代码下载地址(如果觉得有帮助,请点击Star★)
小熊的技术博客
小熊的新浪微博
本文为作者原著,转载请注明作者出处,仅供学习交流,严禁用于商业用途
iOS Java程序猿~兼山寨UI设计师
微博 http://weibo.com/tianzhongtao
Github https://github.com/ZhongTaoTian
喜欢多点赞呦~
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用到的组件1、通过CocoaPods安装项目名称项目信息AFNetworking网络请求组件FMDB本地数据库组件SDWebImage多个缩略图缓存组件UICKeyChainStore存放用户账号密码组件Reachability监测网络状态DateTools友好化时间MBP...
用到的组件1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好...
转自：http://www.jianshu.com/p/247a75c0fdd8 UI 下拉刷新 EGOTableViewPullRefresh- 最早的下拉刷新控件。 SVPullToRefresh- 下拉刷新控件。 MJRefresh- 仅需一行代码就可以为UITabl...
1 CK是我大学认识的好朋友。刚认识那会儿，他是中大创业社的社长，满脑子想的是如何创业的问题，而我对于创业甚至就业都毫无概念，日子过得浑浑噩噩。 09年毕业的时候，刚好遇到席卷全球的金融危机，CK告诉我他打算走先就业后创业的道路。那时我开始自以为对宏观经济懂了点皮毛，坚定预...
日常生活中，我们都会面临“时间碎片化”的困扰。 不信你回忆一下每天的生活情境——接电话、刷微信、蹲坑、坐电梯、收快递、会前5分钟、排队、等人…… 这些“时间碎片化”时间，你都用来干什么了呢？发呆？无聊？还是刷朋友圈？ 虽然这部分时间累计起来很客观，但95%以上的人，都把这部...
越成熟的人，越知道自己“不靠谱” 世界上有两种人，一种是知道自己不靠谱的人，另一种是不知道自己不靠谱的人。 总的来说我认为清楚认识自己的人，都非常知道自己里面有哪些的不靠谱。 知道自己不靠谱有什么好处呢？ 就是会尽量远离试探和危险的诱惑。 就像知道自己过敏的人，就会远离过敏...
最近在设计后台管理系统，与之前参与过的前台产品还是有很大不同。借此分享下设计的心得体会，算是总结下吧。 一、为什么要设计后台？ 我理解的是，后台管理系统是用来维护管理用户、事务以及数据统计分析等，目的是让整个产品系统更加高效、有秩序的运行。 二、后台产品与前台产品的差别 二...
北大法宝 当前企业用工中，由于劳务派遣这种用工方式存在着很多优势，为很多劳动密集型企业所采用。而市场激烈竞争的现状又决定了这是个买方市场，用工单位作为买方往往处于强势地位，在与劳务派遣机构签订劳务派遣合同中，对被派遣劳动者在用工期间受到工伤后承担责任的...DNF我没有设置全屏,但一进游戏就是全屏该怎么办_百度知道
DNF我没有设置全屏,但一进游戏就是全屏该怎么办
如题,怎么弄窗口啊,然后按alt+tab 切换的时候 有一个cv[1][1]
我有更好的答案
DNF进入中右上角有不显示全屏要取消√
点“游戏设置”——上面有一个“显示设置”的。你看见就知道了。这么小白的问题。
为您推荐：
其他类似问题
dnf的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。137被浏览29,888分享邀请回答7525 条评论分享收藏感谢收起18添加评论分享收藏感谢收起}