首页 文章 精选 留言 我的

疯狂ios讲义之疯狂打飞机（1）

2017-11-08 542

疯狂打飞机游戏

   本次我们将带领大家手动完成一个简单但功能完整的打飞机游戏，实现飞机飞行、飞机碰撞、发射子弹、敌机发射大子弹、背景音乐、子弹音效、分数统计、菜单管理等功能。它虽然不会为你赢得什么奖项，但是可以总结前面所学的所有知识，帮助大家更好地掌握cocos2d基本对象的使用，同时体验cocos2d的强大以及易用性。

1开始前的准备工作

首先打开Xcode，使用cocos2d iOS模板新建一个项目，命名为“AirfightGame”，然后选择一个目录，单击“Create”按钮。为cocos2d项目的源代码添加-fno-objc-arc选项让项目支持ARC。

接下来，将所需要的资源文件，包括图片和声音拖到项目的“Resources”组。在游戏开发当中，通常都会使用精灵表单来优化游戏性能，在这个小游戏当中，虽然这种性能优化并不会有特别明显的效果，但是建议大家以后开发游戏时都使用精灵表单来提高游戏性能。使用Zwoptex将所有图片制作成精灵表单，生成对应的airfightSheet.png和airfightSheet.plist文件，并将这两个文件拖到项目的“Resources”组。

2添加游戏菜单项功能

现在，我们来为游戏添加一个菜单设置功能，在这里可以完成开始游戏、游戏设置、退出游戏等操作。步骤如下。

①选择“AirfightGame”组并单击右键，选择“New File”，在左边栏中选择“cocos2d v2.x”模板，在右边的模板类中选择“CCNode class”模板类，“Subclass of”选择“CCLayer”，然后单击“Next”按钮。命名为“MenuLayer”，然后单击“Create”按钮。

MenuLayer继承自CCLayer，提供一个类方法scene供CCDirector对象调用。该类的作用是显示一个菜单场景，让用户选择。

打开MenuLayer.m文件，实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/MenuLayer.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
-(id) init
{
     if ( (self=[super init]) ) {
         CGSize winSize = [[CCDirector sharedDirector] winSize];
         // 创建“开始游戏”标签，当触碰该标签时，调用startGame:方法
         CCMenuItemFont* startItem = [CCMenuItemFont itemWithString:@ "开始游戏"
             target:self selector:@selector(startGame:)];
         startItem.position=ccp(winSize.width/2, winSize.height*0.6);
         // 创建“游戏设置”标签，当触碰该标签时，调用setting:方法
         CCMenuItemFont* settingItem = [CCMenuItemFont itemWithString:@ "游戏设置"
             target:self selector:@selector(setting:)];
         // 设置“游戏设置”标签位置
         settingItem.position=ccp(winSize.width/2, winSize.height*0.4);
         // 创建控制菜单，并将两个标签添加进去
         CCMenu* menu = [CCMenu menuWithItems:startItem,settingItem, nil];
         menu.position = CGPointZero;
         [self addChild:menu];
     }
     return  self;
}

init方法比较简单，创建了两个CCMenuItemFont，选择标签时会调用对应的startGame:和setting:方法，并将它们添加到CCMenu当中，再将CCMenu添加为当前层的子节点。

②添加startGame:和setting:两个方法，实现代码如下（程序清单同上）：

1
2
3
4
5
6
-( void ) startGame:(id)sender{
     // 切换到PreloadLayer场景
     CCTransitionSlideInL* transitionScene = [CCTransitionSlideInL
         transitionWithDuration:2.0 scene:[PreloadLayer scene]];
     [[CCDirector sharedDirector] replaceScene:transitionScene];
}

startGame:方法非常简单，当用户选择“开始游戏”标签时，场景切换到PreloadLayer，在下一节中将重点介绍PreloadLayer（程序清单同上）。

1
2
3
4
5
6
-( void ) setting:(id)sender{
     // 切换到SettingLayer场景
     CCTransitionSlideInL* transitionScene = [CCTransitionSlideInL
         transitionWithDuration:2.0 scene:[SettingLayer scene]];
     [[CCDirector sharedDirector] replaceScene:transitionScene];
}

当用户选择“游戏设置”标签时，场景切换到SettingLayer，进行游戏设置。

③同上面的步骤一样，使用“cocos2d v2.x”模板创建一个类并命名为“SettingLayer”，继承自CCLayer。该类的实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/SettingLayer.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
-(id) init
{
     if ( (self=[super init]) ) {
         CGSize winSize = [[CCDirector sharedDirector] winSize];
         // 提示菜单项
         CCMenuItemFont* musicItem = [CCMenuItemFont itemWithString:@ "背景音乐：" ];
         musicItem.position = ccp(winSize.width*0.4, winSize.height*0.6);
         // 创建“开”和“关”菜单项
         CCMenuItemFont* musicOn = [CCMenuItemFont itemWithString:@ "开" ];
         CCMenuItemFont* musicOff = [CCMenuItemFont itemWithString:@ "关" ];
         // CCMenuItemToggle，默认显示“开”。开=0，关=1
         CCMenuItemToggle* musicToggle = [CCMenuItemToggle itemWithTarget:self
             selector:@selector(change:) items:musicOff,musicOn, nil];
         musicToggle.position = ccp(winSize.width*0.6, winSize.height*0.6);
         // 创建“返回主菜单“菜单项
         CCMenuItemFont* returnItem = [CCMenuItemFont itemWithString:@ "返回主菜单"
             target:self selector:@selector(backToMainLayer:)];
         returnItem.position = ccp(winSize.width/2, winSize.height*0.4);
         // 创建控制菜单，并将3个标签添加进去
         CCMenu* menu = [CCMenu menuWithItems:musicItem,musicToggle,returnItem, nil];
         menu.position = CGPointZero;
         [self addChild:menu];
         // NSUserDefaults用户首选项可以用来保存用户在操作应用的过程中设置的首选项。
         NSUserDefaults* userDef = [NSUserDefaults standardUserDefaults];
         // 如果Bool为No，则显示1=关
         if (![userDef boolForKey:@ "music" ]){
             musicToggle.selectedIndex = 1;
         }
     }
     return  self;
}
-( void ) change:(id)sender{
     // 判断mute（静音）属性，根据属性状态进行切换
     if ([CDAudioManager sharedManager].mute == TRUE){
         [CDAudioManager sharedManager].mute = FALSE;
     } else {
         [CDAudioManager sharedManager].mute = TRUE;
     }
     NSUserDefaults* userDef = [NSUserDefaults standardUserDefaults];
     CCMenuItemToggle* tooggle = (CCMenuItemToggle*)sender;
     // 关=1，设置Bool为NO
     if (tooggle.selectedIndex == 1){
         [userDef setBool:NO forKey:@ "music" ];
     } else {
         [userDef setBool:YES forKey:@ "music" ];
     }
}
// 定义一个CCTransitionSlideInL场景切换效果，并使用CCDirector单例对象来切换场景
-( void ) backToMainLayer:(id)sender{
     CCTransitionSlideInL* transitionScene =
         [CCTransitionSlideInL transitionWithDuration:2.0 scene:[MenuLayer scene]];
     [[CCDirector sharedDirector] replaceScene:transitionScene];
}

SettingLayer类代码在13.13.2节中已经详细介绍过，这里不再赘述。

④修改IntroLayer.m文件

IntroLayer默认加载HelloWorldLayer，但此时我们不再使用HelloWorldLayer作为应用的第一个场景，而是使用MenuLayer作为应用的第一个场景，因此需要修改IntroLayer，将IntroLayer改为加载MenuLayer场景。修改如下。

在IntroLayer.m文件的顶部添加所包含的头文件：

1
#import "MenuLayer.h"

修改-(void) makeTransition:(ccTime)dt方法，将该方法改成下面的代码。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/IntroLayer.m

1
2
3
4
5
6
-( void ) makeTransition:(ccTime)dt
{
     [[CCDirector sharedDirector] replaceScene:
         [CCTransitionFade transitionWithDuration:1.0
         scene:[MenuLayer scene] withColor:ccWHITE]];
}

ios讲义之疯狂打飞机（1）

疯狂打飞机游戏

   本次我们将带领大家手动完成一个简单但功能完整的打飞机游戏，实现飞机飞行、飞机碰撞、发射子弹、敌机发射大子弹、背景音乐、子弹音效、分数统计、菜单管理等功能。它虽然不会为你赢得什么奖项，但是可以总结前面所学的所有知识，帮助大家更好地掌握cocos2d基本对象的使用，同时体验cocos2d的强大以及易用性。

1开始前的准备工作

首先打开Xcode，使用cocos2d iOS模板新建一个项目，命名为“AirfightGame”，然后选择一个目录，单击“Create”按钮。为cocos2d项目的源代码添加-fno-objc-arc选项让项目支持ARC。

接下来，将所需要的资源文件，包括图片和声音拖到项目的“Resources”组。在游戏开发当中，通常都会使用精灵表单来优化游戏性能，在这个小游戏当中，虽然这种性能优化并不会有特别明显的效果，但是建议大家以后开发游戏时都使用精灵表单来提高游戏性能。使用Zwoptex将所有图片制作成精灵表单，生成对应的airfightSheet.png和airfightSheet.plist文件，并将这两个文件拖到项目的“Resources”组。

2添加游戏菜单项功能

现在，我们来为游戏添加一个菜单设置功能，在这里可以完成开始游戏、游戏设置、退出游戏等操作。步骤如下。

①选择“AirfightGame”组并单击右键，选择“New File”，在左边栏中选择“cocos2d v2.x”模板，在右边的模板类中选择“CCNode class”模板类，“Subclass of”选择“CCLayer”，然后单击“Next”按钮。命名为“MenuLayer”，然后单击“Create”按钮。

MenuLayer继承自CCLayer，提供一个类方法scene供CCDirector对象调用。该类的作用是显示一个菜单场景，让用户选择。

打开MenuLayer.m文件，实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/MenuLayer.m

01 -(id) init
02 {
03 if( (self=[super init]) ) {
04 CGSize winSize = [[CCDirector sharedDirector] winSize];
05 // 创建“开始游戏”标签，当触碰该标签时，调用startGame:方法
06 CCMenuItemFont* startItem = [CCMenuItemFont itemWithString:@"开始游戏"
07 target:self selector:@selector(startGame:)];
08 startItem.position=ccp(winSize.width/2, winSize.height*0.6);
09 // 创建“游戏设置”标签，当触碰该标签时，调用setting:方法
10 CCMenuItemFont* settingItem = [CCMenuItemFont itemWithString:@"游戏设置"
11 target:self selector:@selector(setting:)];
12 // 设置“游戏设置”标签位置
13 settingItem.position=ccp(winSize.width/2, winSize.height*0.4);
14 // 创建控制菜单，并将两个标签添加进去
15 CCMenu* menu = [CCMenu menuWithItems:startItem,settingItem, nil];
16 menu.position = CGPointZero;
17 [self addChild:menu];
18 }
19 returnself;
20 }

init方法比较简单，创建了两个CCMenuItemFont，选择标签时会调用对应的startGame:和setting:方法，并将它们添加到CCMenu当中，再将CCMenu添加为当前层的子节点。

②添加startGame:和setting:两个方法，实现代码如下（程序清单同上）：

1 -(void) startGame:(id)sender{
2 // 切换到PreloadLayer场景
3 CCTransitionSlideInL* transitionScene = [CCTransitionSlideInL
4 transitionWithDuration:2.0 scene:[PreloadLayer scene]];
5 [[CCDirector sharedDirector] replaceScene:transitionScene];
6 }

startGame:方法非常简单，当用户选择“开始游戏”标签时，场景切换到PreloadLayer，在下一节中将重点介绍PreloadLayer（程序清单同上）。

1 -(void) setting:(id)sender{
2 // 切换到SettingLayer场景
3 CCTransitionSlideInL* transitionScene = [CCTransitionSlideInL
4 transitionWithDuration:2.0 scene:[SettingLayer scene]];
5 [[CCDirector sharedDirector] replaceScene:transitionScene];
6 }

当用户选择“游戏设置”标签时，场景切换到SettingLayer，进行游戏设置。

③同上面的步骤一样，使用“cocos2d v2.x”模板创建一个类并命名为“SettingLayer”，继承自CCLayer。该类的实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/SettingLayer.m


01 -(id) init
02 {
03 if( (self=[super init]) ) {
04 CGSize winSize = [[CCDirector sharedDirector] winSize];
05 // 提示菜单项
06 CCMenuItemFont* musicItem = [CCMenuItemFont itemWithString:@"背景音乐："];
07 musicItem.position = ccp(winSize.width*0.4, winSize.height*0.6);
08 // 创建“开”和“关”菜单项
09 CCMenuItemFont* musicOn = [CCMenuItemFont itemWithString:@"开"];
10 CCMenuItemFont* musicOff = [CCMenuItemFont itemWithString:@"关"];
11 // CCMenuItemToggle，默认显示“开”。开=0，关=1
12 CCMenuItemToggle* musicToggle = [CCMenuItemToggle itemWithTarget:self
13 selector:@selector(change:) items:musicOff,musicOn, nil];
14 musicToggle.position = ccp(winSize.width*0.6, winSize.height*0.6);
15 // 创建“返回主菜单“菜单项
16 CCMenuItemFont* returnItem = [CCMenuItemFont itemWithString:@"返回主菜单"
17 target:self selector:@selector(backToMainLayer:)];
18 returnItem.position = ccp(winSize.width/2, winSize.height*0.4);
19 // 创建控制菜单，并将3个标签添加进去
20 CCMenu* menu = [CCMenu menuWithItems:musicItem,musicToggle,returnItem, nil];
21 menu.position = CGPointZero;
22 [self addChild:menu];
23 // NSUserDefaults用户首选项可以用来保存用户在操作应用的过程中设置的首选项。
24 NSUserDefaults* userDef = [NSUserDefaults standardUserDefaults];
25 // 如果Bool为No，则显示1=关
26 if(![userDef boolForKey:@"music"]){
27 musicToggle.selectedIndex = 1;
28 }
29 }
30 returnself;
31 }
32 -(void) change:(id)sender{
33 // 判断mute（静音）属性，根据属性状态进行切换
34 if([CDAudioManager sharedManager].mute == TRUE){
35 [CDAudioManager sharedManager].mute = FALSE;
36 }else{
37 [CDAudioManager sharedManager].mute = TRUE;
38 }
39 NSUserDefaults* userDef = [NSUserDefaults standardUserDefaults];
40 CCMenuItemToggle* tooggle = (CCMenuItemToggle*)sender;
41 // 关=1，设置Bool为NO
42 if(tooggle.selectedIndex == 1){
43 [userDef setBool:NO forKey:@"music"];
44 }else{
45 [userDef setBool:YES forKey:@"music"];
46 }
47 }
48 // 定义一个CCTransitionSlideInL场景切换效果，并使用CCDirector单例对象来切换场景
49 -(void) backToMainLayer:(id)sender{
50 CCTransitionSlideInL* transitionScene =
51 [CCTransitionSlideInL transitionWithDuration:2.0 scene:[MenuLayer scene]];
52 [[CCDirector sharedDirector] replaceScene:transitionScene];
53 }

SettingLayer类代码在13.13.2节中已经详细介绍过，这里不再赘述。

④修改IntroLayer.m文件

IntroLayer默认加载HelloWorldLayer，但此时我们不再使用HelloWorldLayer作为应用的第一个场景，而是使用MenuLayer作为应用的第一个场景，因此需要修改IntroLayer，将IntroLayer改为加载MenuLayer场景。修改如下。

在IntroLayer.m文件的顶部添加所包含的头文件：

1 #import "MenuLayer.h"

修改-(void) makeTransition:(ccTime)dt方法，将该方法改成下面的代码。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/IntroLayer.m

1 -(void) makeTransition:(ccTime)dt
2 {
3 [[CCDirector sharedDirector] replaceScene:
4 [CCTransitionFade transitionWithDuration:1.0
5 scene:[MenuLayer scene] withColor:ccWHITE]];
6 }

编译并运行游戏，运行时模拟器显示效果如图13.58所示。

100040_phF0_262659.jpg

3预加载游戏资源

在真实项目当中，在游戏开始前，都会预先加载游戏所需要的图片、背景音乐、音效等资源，这里介绍如何制作一个PreloadLayer来预加载游戏资源。

1. 创建PreloadLayer

选择“AirfightGame”组并单击右键，选择“New File”，在左边栏中选择“cocos2d v2.x”模板，在右边的模板类中选择“CCNode class”模板类，“Subclass of”选择“CCLayer”，然后单击“Next”按钮。命名为“PreloadLayer”，然后单击“Create”按钮。

PreloadLayer继承自CCLayer，提供一个类方法scene供CCDirector对象调用。该类的作用是预加载游戏资源，在加载过程中会显示一个进度条，进度条全部显示完成代表加载完毕，加载完毕后显示游戏主场景。

首先打开PreloadLayer.m文件，先在文件上方定义一个私有的Category。实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/PreloadLayer.m

1
2
3
4
5
6
7
8
9
10
11
/**
  定义一个私有的Category，为了不让API暴露给客户端
  将一些类内部所使用的方法和变量放在私有的扩展里面，而不是直接声明在头文件当中
  */
@interface PreloadLayer ()
- ( void ) loadMusics:(NSArray *) musicFiles;   // 加载背景音乐
- ( void ) loadSounds:(NSArray *) soundClips;   // 加载游戏音效
- ( void ) loadSpriteSheets:(NSArray *) spriteSheets;   // 加载精灵表单
- ( void ) loadingComplete;   // 资源全部加载完成，切换到另一个游戏场景
- ( void ) progressUpdate;   // 更新游戏进度条，计算何时加载完成
@end;

这里定义了一系列的load方法，每个方法接收一个NSArray数组作为参数。这些参数代表一些具体资源的文件名，参数值会从一个配置文件中读取出来，该配置文件在之后的代码实现时会给出。

然后定义3个变量，其中sourceCount用来保存游戏需要加载的资源总数；progress用于显示进度条，CCProgressTimer 类是cocos2d中对进度条的一个封装，用来实现各种进度条功能，非常方便，之后我们还会使用该类来实现游戏的自定义血条量；progressInterval代表进度条更新的次数。实现代码如下：

1
2
3
4
5
6
7
@implementation PreloadLayer
// 用来保存游戏需要加载的资源总数
int  sourceCount;
// 显示进度条的成员变量
CCProgressTimer* progress;
// 代表进度条更新的次数
float  progressInterval;

2. PreloadLayer的具体实现

创建一个preloadResources.plist文件，该文件用于保存项目需要的所有资源文件，文件内容如图13.59所示。

100147_j0tV_262659.jpg


可以看出，加载的音效是b0.mp3，精灵表单是airfightSheet.plist，背景音乐是s3.wav。

100216_l9E3_262659.jpg

在PreloadLayer.m文件中添加代码。实现代码如下。

程序清单：codes/13/13.14/AirfightGame/AirfightGame/PreloadLayer.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
+ (CCScene *) scene
{
     CCScene* scene = [CCScene node];
     PreloadLayer* layer = [PreloadLayer node];
     [scene addChild:layer];
     return  scene;
}
- (id) init{
     if ((self = [super init])){
         // 获取屏幕大小
         CGSize winSize = [[CCDirector sharedDirector] winSize];
         // 创建一个进度条精灵
         CCSprite* barSprite = [CCSprite spriteWithFile:@ "progressbar.png" ];
         // 初始化一个CCProgressTimer进度条对象
         progress = [CCProgressTimer progressWithSprite:barSprite];
         // setPercentage:0.0f，表示并未加载任何资源，表现在屏幕上就是什么也看不见
         [progress setPercentage:0.0f];
         // 由于图片大小关系，把scale设置成0.5，即缩小一半
         progress.scale = 0.5;
         // 设置进度条动画的起始位置，默认在图片的中点
         // 如果想要显示从左到右的一个动画效果，必须改成(0,y)
         progress.midpoint = ccp(0,0.5);
         // barChangeRate表示是否改变水平或者垂直方向的比例，设置成1表示改变，0表示不改变
         progress.barChangeRate = ccp(1,0);
         // 本例制作一个从左至右的水平进度条，所以midpoint应该是(0,0.5)
         // 因为x方向需要改变，而y方向不需要改变，所以barChangeRate = ccp(1, 0)
         // kCCProgressTimerTypeBar表示为条形进度条
         progress.type = kCCProgressTimerTypeBar;
         // 设置position在中心点
         [progress setPosition:ccp(winSize.width/2,winSize.height/2)];
         // 将进度条添加为当前层的子节点
         [self addChild:progress];
     }
     return  self;
}
- ( void ) onEnterTransitionDidFinish{
     [super onEnterTransitionDidFinish];
     // 加载preloadResources.plist配置文件
     NSString* path = [[CCFileUtils sharedFileUtils]
         fullPathFromRelativePath:@ "preloadResources.plist" ];
     // 读取配置文件中的游戏资源名称列表，返回一个NSDictionary对象
     NSDictionary* resources = [NSDictionary dictionaryWithContentsOfFile:path];
     // 通过key值取出每种不同类型资源的数组
     NSArray *spriteSheets = [resources objectForKey:@ "SpriteSheets" ];
     NSArray *sounds = [resources objectForKey:@ "Sounds" ];
     NSArray *musics = [resources objectForKey:@ "Musics" ];
     // 调用数组的count方法得到总共需要加载的资源数量
     sourceCount = [spriteSheets count]  + [sounds count] + [musics count];
     // 设置进度条更新次数=100/需要加载的资源数量
     progressInterval = 100.0 / ( float ) sourceCount;
     // 调用performSelectorOnMainThread在主线程上依次加载每种类型的游戏资源
     // waitUntilDone的值为YES能保证所有的资源按照序列依次加载
     if (sounds){
         [self performSelectorOnMainThread:@selector(loadSounds:)
             withObject:sounds waitUntilDone:YES];
     }
     if (spriteSheets){
         [self performSelectorOnMainThread:@selector(loadSpriteSheets:)
             withObject:spriteSheets waitUntilDone:YES];
     }
     if (musics){
         [self performSelectorOnMainThread:@selector(loadMusic:)
             withObject:musics waitUntilDone:YES];
     }
}
// 加载背景音乐
- ( void ) loadMusics:(NSArray *)musicFiles{
     for  (NSString *music in musicFiles) {
         [[SimpleAudioEngine sharedEngine] preloadBackgroundMusic:music];
         [self progressUpdate];
     }
}
// 加载声音
- ( void ) loadSounds:(NSArray *)soundClips{
     for  (NSString *soundClip in soundClips) {
         [[SimpleAudioEngine sharedEngine] preloadEffect:soundClip];
         [self progressUpdate];
     }
}
// 加载精灵表单
- ( void ) loadSpriteSheets:(NSArray *)spriteSheets{
     for  (NSString *spriteSheet in spriteSheets) {
         // 该方法会加载与该plist文件名称相同但后缀为.png的纹理图片
         // 把该plist的所有spriteFrame信息读取出来
         // 在之后的代码中可以通过spriteFrameWithName获取相应的精灵帧
         // 本例中airfightSheet.plist对应airfightSheet.png
         [[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile: spriteSheet];
         [self progressUpdate];
     }
}
- ( void ) progressUpdate{
     // 每次调用该方法说明加载一个资源，自减更新资源总数
     if  (--sourceCount) {
         [progress setPercentage:100.0f-(progressInterval * sourceCount)];
     } else {
         // CCProgressFromTo动作用于以渐进的方式显示图片
         // actionWithDuration表示持续0.5秒，from表示进度条百分百从开始一直到100
         CCProgressFromTo *ac = [CCProgressFromTo actionWithDuration:0.5
             from:progress.percentage to:100];
         // 当资源全部加载完毕时调用loadingComplete方法
         CCCallBlock *callback = [CCCallBlock actionWithBlock:^() {
             [self loadingComplete];
         }];
         // CCSequence组合动作
         id action = [CCSequence actions:ac.callback.nil];
         // 进度条执行动作
         [progress runAction:action];
     }
}
// 延迟2秒之后运行一个场景切换特效跳转到游戏主场景，即HelloWorldLayer
- ( void ) loadingComplete{
     CCDelayTime *delay = [CCDelayTime actionWithDuration:2.0f];
     CCCallBlock *callblock = [CCCallBlock actionWithBlock:^( void ) {
         [[CCDirector sharedDirector] replaceScene:
         [CCTransitionFade transitionWithDuration:1.0f scene:[HelloWorldLayer scene]]];
     }];
     CCSequence *sequence = [CCSequence actions:delay.callblock.nil];
     [self runAction:sequence];
}
@end

下面依次解释以上代码中的每一个方法。

+(CCScene *) scene方法很简单，和前面的一样，首先创建了一个scene场景，然后创建了一个PreloadLayer层，将PreloadLayer层作为scene场景的子节点，最后返回scene场景。

init方法首先获取屏幕窗口大小，然后创建了一个进度条。这里使用progressbar.png图片初始化一个精灵，再通过该精灵初始化一个CCProgressTimer对象，设置setPercentage属性为0，表示当前未加载任何资源，表现在屏幕上就是什么也看不见。由于图片大小关系，把scale设置成0.5，即缩小一半。

接下来设置CCProgressTimer对象最重要的3个参数。

qmidpoint：表示进度条动画的起始位置，默认在图片的中点，如果想要显示从左到右的一个动画效果，则必须改成(0,y)。

qbarChangeRate：表示是否改变水平或者垂直方向的比例，设置成1表示改变，0表示不改变。本例制作一个从左至右的水平进度条，所以midpoint应该是(0,0.5)。因为x方向需要改变，而y方向不需要改变，所以设置barChangeRate为ccp(1,0)。

qtype：设置为kCCProgressTimerTypeBar，表示条形进度条。

关于CCProgressTimer类的使用可以参考官方文档，读者也可以找到cocos2d的示例项目cocos2d-tests-ios.xcodeproj，并运行ActionProgressTest这个TARGET。感兴趣的读者也可以仔细分析该项目中的ActionProgressTest.m源文件（位于项目的tests目录下）来掌握不同progress的用法示例。

最后设置CCProgressTimer对象的位置，并添加为当前层的子节点。

onEnterTransitionDidFinish方法加载配置文件preloadResources.plist，读取配置文件中的游戏资源名称列表并存储在不同的数组中。首先使用CCFileUtil获得plist文件的具体路径，调用NSDictionary的dictionaryWithContentsOfFile方法把该文件转换成一个字典对象。然后通过字典的key值取出不同类型资源的数组，调用每个数组的count方法累加得到总共需要加载的资源总数量，使用100除以资源总数量获得进度条需要更新次数用于之后计算进度条显示的百分比。最后将数组作为参数调用performSelectorOnMainThread: withObject: waitUntilDone:方法在主线程中依次加载每种类型的游戏资源，将waitUntilDone的值设置为“YES”能保证所有的资源按照序列依次加载。

loadMusics:和loadSounds:方法比较简单，通过循环遍历数组，预加载背景音乐和音效，加载完后调用progressUpdate方法更新进度条。

这里需要注意的是loadSpriteSheets:方法，该方法循环遍历数组，数组的每个元素是一个plist文件名称，调用CCSpriteFrameCache的addSpriteFramesWithFile时，该方法会加载与该plist文件名称相同但后缀为.png的纹理图片（本例中airfightSheet.plist对应airfightSheet.png），把该plist的所有spriteFrame信息读取出来，之后在项目当中就可以通过spriteFrameWithName获取相应的精灵帧了。

progressUpdate方法比较简单，每次被调用时自减更新资源总数变量，修改进度条的百分比。当资源全部加载完毕时调用loadingComplete方法。

loadingComplete方法被调用说明资源加载完毕，延迟2秒后运行一个场景切换特效跳转到游戏主场景HelloWorldLayer。

编译并运行游戏，选择“开始游戏”菜单项，模拟器首先会显示一个进度条，进度条全部显示完毕切换到HelloWorldLayer显示经典的Hello World画面。恭喜你！资源文件加载成功，进度条功能实现。运行时模拟器显示效果如图13.60所示。

100325_oZSM_262659.jpg

   ————本文节选自《疯狂ios讲义（下）》   100627_lvjp_262659.jpg


 

本文转自fkJava李刚 51CTO博客，原文链接：http://blog.51cto.com/javaligang/1400119 ，如需转载请自行联系原作者

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/472408

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

高效开发 Android App 的 10 个建议（转）

文章写的非常好，值得大家好好研究研究，仔细分析一下。 引文地址： 1 http: //www.cnblogs.com/xiaochao1234/p/3644989.html 假如要Google Play上做一个最失败的案例，那最好的秘诀就是界面奇慢无比、耗电、耗内存。接下来就会得到用户的消极评论，最后名声也就臭了。即使你的应用设计精良、创意无限也没用。 耗电或者内存占用等影响产品效率的每一个问题都会影响App的成功。这就是为什么在开发中确保最优化、运行流畅而且不会使Android系统出问题 是至关重要的了。这里不需要讨论高效编程，因为我们不会关心你写的代码是否能够经得起测试。即使高效的代码也是需要时间来运行。今天这篇文章我们就讲讲怎 么尽可能地缩短运行时间，以及如何开发用户喜欢的App。 高效地利用线程 建议一：怎么在后台取消一些线程中的动作 我们知道App运行过程中所有的操作都默认在主线程（UI线程）中进行的，这样App的响应速度就会受到影响。会导致程序陷入卡顿、死掉甚至会发生系统错误。 为了加快响应速度，需要把费时的操作（比如网络请求、数据库操作或者复杂的计算）从主线程移动到一个...
2017-11-09
453
上一篇

疯狂ios讲义之创建cocos2d项目（1）

HelloWorld cocos2d项目 cocos2d安装完成之后，接下来开始创建第一个cocos2d项目。创建cocos2d项目的步骤如下。 1.打开Xcode，选择“File”→“New”→“Project”菜单来创建新项目。单击左边栏中的cocos2d v2.x，在右边会看到3个cocos2d模板图标，如图13.6所示。 2.选择“cocos2d iOS”模板，单击“Next”按钮。 3.给项目命名为“HelloWorld”，其他选项保持默认。单击“Next”按钮，选择要保存的目录，然后单击“Create”按钮创建项目。 Xcode会在所选模板的基础上新建cocos2d项目，单击“Run”按钮（快捷键是“command+R”）编译、运行“HelloWorld”项目，就可以在iOS模拟器上看到经典的HelloWorld画面了，如图13.7所示。 本文转自fkJava李刚51CTO博客，原文链接：http://blog.51cto.com/javaligang/1392584，如需转载请自行联系原作者
2017-11-09
438
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2025-12-28 大小: 1MB 下载: 4次
Spring

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

时间: 2025-12-17 大小: 5MB 下载: 1次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
OpenAi Rocky Docker HarmonyOS6 SpringBoot4 Service Mesh Nacos3 Gemini3 Redis DeepSeek Kubernetes SpringCloud Jdk25

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册