首先介绍一篇博客文章：cocos2d HOWTO系列之：如何创建帧动画。我初学cocos2d时就发现这篇文章，不过里面的一些内容已经过时了，所以自己又写了一个动画的例子。

我把要点说一下：

1. 制作动画需要的一系列动画图片（比如png文件）。要制作动画png，可根据上面介绍的文章使用Adobe Flash将fla转换为png。也可以使用一些免费软件，将swf转换为png。这里有一些软件：SpriteSheetCreator，SWFSheet，SWFToPNG。大家可以网上搜索一下。
2. 生成png动画系列后，要将其整合成一个png（也就是所谓的sprite sheet）。这里使用的软件就是Zwoptex。使用此软件生成一个png和一个plist，plist记录了每个sprite的x，y，高，宽数据。Cocos2d支持Zwoptex生成的plist格式。不过遗憾的是最近Zwoptex开始收费了。这里提供以前的一个版本，也可以满足我们的要求。Zwoptex-0.4b10.app下载 。
3. 我的程序就是播放一个电扇的动画，按一下就进行动画，再按一下动画就停止。我是修改了HelloWorld程序，添加了一个Object类进行动画处理。唯一要说明的是addSpriteFramesWithFile中要使用的路径是相对路径，我开始一直遇到问题就是因为使用了绝对路径。

源代码下载

2. 解压到/$HOME/Library/Application Support/Developer/Shared/Xcode下

3. 下载cocos2d-iphone 0.99.5，解压到你想要的地方。

3. 在Xcode Preferences中找到Source Tree，输入新变量COCOS2D_SOURCE，让其指向cocos2d-iphone 0.99.5的源代码处。

这样，下次你打开Xcode，你就可以使用我的模板创建cocos2d项目了（注意不要安装随cocos2d-iphone下载的模板），以后每次cocos2d-iphone进行更新，你仅仅需要修改COCOS2D_SOURCE变量（当然前提是cocos2d-iphone的编程接口没有改变）。

• 场景（Scenes）
• 主控器（Director）
• 层（Layers）
• 精灵（Sprites）

场景

场景（通过 CCScene 对象实现）是程序的工作流程中相对独立的部分。有些人可能喜欢称呼其为“屏幕”或“舞台”。你的应用程序可能具有许多场景，但在某刻只能有一个活动的场景。

例如，你的游戏中可能有下列场景：介绍，菜单，第一关，过场一，第二关，过场二，胜利过场，失败过场，高分记录等等。

你可以将每个场景定义成一个独立的程序; 你可以通过某种逻辑将这些场景联系起来（比如当介绍中断或者完成后，就进入菜单场景，第一关成功将进入过场一，而失败则进入失败过场，等等）。

CCScene 是由一个或者多个层（通过 CCLayer 对象实现）组成。场景的外观和行为是通过层来实现的。

CCScene 类家族中还包括一组称为“过渡” （通过 CCTransitionScene 对象实现），它允许你在两个场景之间进行生成一些特殊的过渡效果（比如淡入淡出，滑入效果等等）。

由于场景是 CCNode 的子类，因此可以使用“动作”对场景进行变换。

主控器

CCDirector 是一个负责控制场景变化的元件。

CCDirector 是一个单例对象。它知道当前哪个场景是活动的，它负责处理场景的控制，并允许进行“场景调用”之类的操作（比如在进入另一个场景时，暂停当前场景，并在适当时候返回原始场景）。在CCLayer 要求替换当前场景后，实际上是 CCDirector 进行的场景切换。

另外， CCDirector 还负责OpenGL ES的初始化。

层

CCLayer 拥有整个可进行绘制的区域，并且知道怎样对自身进行绘制。它还可以是半透明的（还可以在某些地方部分或者完全透明），这样可以看到层后的部分。层是对外观和行为进行定义的元件，所以大部分时间我们都说针对 CCLayer 及子类进行编程的。

CCLayer 还是进行事件处理的地方。事件是通过层进行传递直到某些层捕捉并进行处理。

尽管许多程序要求你定义自定义 CCLayer 类，但 cocos2d 提供了一些有用的预定义的层（比如简单的菜单层： CCMenu，颜色层： CCColorLayer， 其他层之间 的多路器：CCMultiplexLayer，等等）。

层还可以包括 CCSprite 对象， CCLabel 对象以及甚至是 CCLayer 对象。

由于层是 CCNode的子类，因此可以使用“动作”对场景进行变换。

精灵

Cocos2d 的精灵与其他程序库描述的精灵一样，是一个可以进行移动，旋转，大小变化，动画等操作的2D图像。

精灵（通过 CCSprite 类实现）可以拥有其它精灵作为其子成员。当一个父成员进行变换时，其所有子成员也将同时进行变换。

由于精灵是 CCNode的子类，因此可以使用“动作”对场景进行变换。

下面是我的设计文档初稿。

项目名称

Portable Game Engine （PGE ）

目标

• 跨平台，希望能支持Windows，Linux，Mac OSX，iPhone，WinCE, Android, Blackberry, Symbian phone 等
• 简单，尽量简化编程接口
• 2D和3D
• 组件可选，以减小目标代码
• 支持Unicode

组件

• 核心：游戏主循环，线程，垃圾收集，插件等
• 图形系统（采用OpenGL或OpenGL ES）：图像（纹理），动画，字体
• 声音系统（采用OpenAL）：音效，音乐，乐器
• 资源管理器：压缩/解压，加密/解密
• 输入：键盘，鼠标及触摸屏（重力感应）
• 网络：Tcp/ip，Http, UDP
• GUI（用户接口）：菜单，文本，按钮，列表框，下拉框，选择框
• 游戏AI
• 游戏Physics

开发按阶段进行。第一阶段开发Windows下的OpenGL 2D引擎，然后移植到iPhone下。

下面是你需要下载的音频文件：

• clapping-crowd-studio-01
• tennis-volley-01

注意文件的格式是.caf。你所有音频文件格式必须符合在iPhone上播放的要求。Apple提供了一个工具将音频转换成这种格式。这里是参考。很简单，打开终端输入：

/usr/bin/afconvert -f caff -d LEI16 {INPUT} {OUTPUT}

{INPUT}是输入音频文件路径，{OUTPUT} 是你想要存放的.caf文件路径。

将音频文件添加到项目中

将下载好的音频文件拖放到项目下的Resources文件夹。如果你还希望 安排得更为有序些的话，你还可以建立一个Audio子文件夹。请确定在“copy the files into your project’s directory”检查框上打勾。

添加AudioToolbox.framework到项目

由于我们要用到此框架的一些函数，所以我们必须将此框架加入项目中。右击项目中的Frameworks文件夹选择Add -> Existing Frameworks。在搜索框内输入AudioToolbox.framework 然后选择搜索结果中的框架。（请确定点取了Computer 以搜索整个电脑）。

找到所需框架后，按Add。现在我们已经准备好写代码了……

头文件声明

打开 iTennisViewController.h 加入下列代码：

首先我们看到代码引入AudioServices.h，我们需要使用其中一些函数来播放音频。接下来定义了两个SystemSoundID。它们都是Integers（整数型，也可以使用int，但会引起许多警告信息）。然后打开iTennishViewController.m加入下面代码：

现在我们来初始化声音对象。找到viewDidLoad方法加入下列代码：

很简单吧。第一行是获取音频文件路径。下一行是将路径转换为CFURLRef。最后，加载音频文件并与指定soundID联系起来。注意我们传递的&clappingFileID参数，  这是通过参考地址传递的，因此它允许AudioServicesCreateSystemSoundID方法对其进行修改。我们用同样方法处理击球声。下面，我们可以开始播放了。

声音播放

播放加载好的声音实际上很简单。只需将需要播放文件的soundID传递给AudioServicesPlaySystemSound方法即可。所以播放得分时的鼓掌声只需在reset方法中加入下列代码：

请注意，我们传递的clappingFileID说明我们是要播放鼓掌声。加在gameLoop中加入下列代码将播放球拍击球的声音：

很容易吧？按“Build and Go”试玩我们的游戏吧。源代码下载 。

原文见：iPhone Game Programming Tutorial Part 4 – Basic Game Audio

为iPhone建立一个OpenGL ES的Xcode项目是很容易的事，特别是在苹果公司的SDK发布时引入了模板的概念后。我们所需要做的只是在适当的地方快速而简单的加入代码。这就是我们今天的主题。

老实说，如果你只是想早点切入OpenGL 教程的主题，你尽可以忽略这一部分。而且这样做，你也不会错失什么，因为有关Xcode设定部分我并不准备过多涉猎。尽管进入教程的最后部分下载项目文件。

启动Xcode并创建Xcode新项目。选择模板“OpenGL ES Application”（见图1），然后将项目存储在你认为方便的地方。 

图1

好，我们假定你肯能以前已经在哪看过这个模板或运行过用这个模板建立的项目。我们说要做的就是移除那个旋转的彩色正方形的有关代码并将其转换成使用深度缓冲的视图（即使其成为“真正的”3D）。

3D空间的2D

像Apple的模板一样，大部分OpenGL教程开始都忽略深度，通常都使用2维坐标系统（X,Y)而不是更复杂的3维坐标系统（X,Y,Z)。你可能已经注意到Apple模板中的正方形定点使用（X,Y)，这是因为他们没有使用深度。

这叫做正交投影。本教程系列的目标是带你进入3D世界。所以我现在不会讨论正交投影；可能稍后的系列会有提及。现在我们直接向3D世界进发吧。

允许Depth Buffer（深度缓存）

我们要作的第一件事是允许深度缓存。Apple示例中的正方形只是一个2D物体，所以根本不需要深度缓存。由于我们需要深度，所以我们必须启用它。Apple已经提供了设定深度缓存的代码，我们正好可以使用。

在编辑器中打开EAGLView.m找到下面代码:

不用多说，把0改为1。这将启用视图设定部分创建深度缓存的代码。代码在createFrameBuffer方法中。现在还不需要考虑太多这段代码。它是Apple写的，应该能正常工作。

现在我们需要启用深度来测试OpenGL。我们要建立一个新方法，它只会被调用一次以使视图正常工作。首先，建立一个新方法setupView并将下面代码加入新方法中：

上述代码通过建立一个映射到世界显示的视区设定了OpenGL操作的环境。我将稍后详细说明，现在注意下面代码：

此代码启用了OpenGL中的深度测试。你需要记住在OpenGL中一旦你启用了什么，你一定要记住在你不需要时要关闭它。由于我们启用深度测试并没有关闭，所以在视图设定中仍然有效。

我们在此定义了清屏时所用的颜色。OpenGLES中所有颜色都必须是RGBA值（即红，绿，蓝和alpha），而不能像OpenGL一样采用RGB值。由于OpenGLES已经知道清屏时采用的颜色，所以清屏时使用定义的黑色。此设定一直保持到我们改变它。

当使用浮点时，颜色值为0->1，而使用无符号字节类型时，可为0->255。数值越大，所代表颜色的密度越高。

好，回到文件最开始我们先前改变的#define处。我们要在这定义一个宏，在我们刚插入的setupView方法中需要用到。

视图绘制 – 画图方法

现在，找到drawView方法。这是本教程的重点。Apple已经提示我们这里是视图绘制的地方。

首先，删除一切，加入下面代码：

上面代码的前三行是设定作图空间。后两行是将作图空间与当前屏幕可见空间进行交换。如果你以前进行过动画或游戏编程工作，那么你应该知道这叫做 “double buffered（双重缓冲）”。

如果不知道，我们解释下：我们创建了两个完全相同的缓冲，一个用于显示给用户，另一个被清理掉然后在其上绘图。在绘制结束后，我们交换这两个视图以便用户看到新的视图。我们之所以不拍麻烦做了这么多事情是为了动画更为平滑。

我们还要加入更多的代码。

首先，在dealloc方法前插入以下代码：

OpenGL有一套错误检查的方法（glGetError())，但是需要将错误码转换成更容易读的格式。上面的代码就是完成这个工作的。

布尔值“visibleCheck”只用于检查当没有错误时此方法是否已被调用。

最后，我们要做的只是在EAGLView.m中找到initWithCoder方法并调用“setupView”方法。在变量“animationInterval”设定之前，加入下面代码调用setupView：

应注意我们只是调用在initWithCoder中setupView方法而不是创建一个新方法，它只应该被调用一次。

下面，打开EAGLView.h！

EAGLView.h

我们只需要在这里加入两个方法的原型：

教程到此结束。

后续…

如果你此时按“build and run”，那么在simulator（模拟器）上只是显示一个空白屏幕。在下一个教程中，我们将在屏幕上绘制一下基本图形，基本图形是指点，线和三角形之类的元素。

代码下载：AppleCoder-OpenGLES-00.zip

原文见： OpenGL ES 00 – Xcode Project Set Up 作者：Simon Maurice

创建启动页面

我们加入的启动页面将淡出到游戏主屏幕。你可以下载此图像加入到项目的Resources（资源）文件夹中。 请选择复选框中“copy this image to the project’s directory（拷贝此 图像至项目目录）”选项。

我们需要加入一个View Controller到我们的项目，它将负责处理启动画面视图。在你的项目中加入一个新的UIViewController的子类文件。取名为SplashViewController，同时选择建立.h文件。

今天就到这里。下次我将引入音频到游戏中。如果有什么问题与建议，write me on Twitter.

源代码在这里下载。

18 Mar 2009 原文见：iPhone Game Programming Tutorial Part 3 – Splash Screen

用户互动

我们首先要实现的是用户互动。我们所需要做的只是将球拍的X位置移动到用户触摸的X位置。这是很简单的方法，我们还可以做得更好（我将这部分挑战放在教程的最后 ）。打开iTennisViewController.m加入下面代码：

就像上一篇教程一样，我们要重载touchesMoved方法。此方法在用户在屏幕上“拖动”手指时被触发。首先，我在touchesBegan中加入“else if”语句，当游戏处于运行状态时简单地将所有事件转发到touchesMoved中。touchesMoved中前两行是检测用户触屏的位置。接着，我们根据用户触屏X位置及黄色球拍（玩家球拍）Y位置创建 一个新的CGPoint。Objective-C不允许racquet_yellow.center.x = location.x。这可能是因为CGpiont不可改变（不可编辑）。最后，将玩家球拍的中点设置到新的位置。

碰撞检测

*更新, 有读者指出有更简单的碰撞检测方法。将下列代码加入到iTennisViewController.m 的gameLoop方法中：

苹果已经提供我们一个十分方便的方法检测对象frame是否碰撞。它就是CGRectIntersectsRect。我们只是简单地提交球和球拍的frame给此方法。当球与球拍碰撞时，我们将Y速度反向。下一个if语句也是必需的，因为有时球被向反向移动的球拍“截留”住了而不会移动。因此，我们应保证球速度只当球在球拍前方时反向。（注：NSLog仅用调试）。

简单游戏AI

下面 ，我们将讨论怎样加入简单的AI，让电脑选手与我们玩iTennis。你们可能知道一个不错的AI设计牵涉了多少工作。我可以不停地介绍数学，哲学，试探法等，但我不会这么做。我只是介绍一种超级菜鸟级的游戏AI。基本上说，电脑将“观察”球并向其方向移动，希望能击打到它。

首先，我们需要定义一个常量，它决定了电脑的移动速度。 在iTennisViewController.m顶部加入如下定义：

你测试时，可以调整这个数值。它定义了电脑选手为到达球的位置能移动得多快。这个数值越大，电脑选手将越“强”。如果这个数值足够大的话，那么电脑将不可战胜。现在，在碰撞检测代码后加入以下代码：

第一个“if”语句是为了给电脑增加点难度，检查球是否处于“它”的半场。如果球不在它的半场，电脑将不会有任何动作。你可以省略这条语句，那就成了另一个有趣的游戏了。下一条“if”语句检查球中心的X与球拍中心的X是否不同。如果球在电脑球拍的右方，电脑球拍的X坐标将增大kCompMoveSpeed。如果球在电脑球拍的左方，电脑球拍的X坐标将减小kCompMoveSpeed。

现在应该很清楚kCompMoveSpeed变量是怎样影响电脑的表现了吧……

你可以按“Build and Go”来看看游戏的表现吧。你可以看到电脑会做出反应并在大部分时间内击打到球。但为了游戏更有趣，还剩下最后一部分：记分。

游戏机制：记分

我们需要一种方式来保存分数。这实际上是一种更简单的碰撞检测。我们将检查球是否碰到后墙。 首先，我们定义几个变量和方法。打开iTennisViewController.h，添加下列高亮的代码：

我们需要一个代表分数的整数，当电脑和玩家得分时，我们会把分数加上。 另外我们还需要一个“reset”函数，调用它会将球复位到屏幕的中心。我们还需要定义另一个变量。将下面各行加入到iTennisViewController.m的顶部：

这个变量的意思应该很清楚，它定义了需要获胜的分数。为了加快游戏进程，我只是将其赋值为5。下面，我们检查是电脑还是玩家得分。在AI代码后，加入下面代码：

首先我们看到两条if语句。它们只是检查球是否碰到/超过屏幕的顶部或底部。如果球超过顶部，玩家将得分。如果球超出底部，电脑将得分。如果你是编程新手的话，下面一行可能有些奇怪。我们调用reset函数，但是我们传递的表达式是什么意思？

如果你看一下reset的定义，你就会知道，它接受一个代表游戏是否结束的BOOL值。它可以为true或false。我们实际上只是传递true或false给函数。所以，当player_score_value变量小于5时，(player_score_value >= kScoreToWin)为false，而当此变量到5时，表达式为true。

我们为什么要这样做？因为这样可以节省好几行代码并降低程序复杂度 。所以我们现在不需要if(player_score_value >= kScoreToWin) ) [self reset:YES]; }else{[self reset:NO];}。明白了吗？

下面，我们定义reset函数 。在iTennisViewController.m中加入下列代码：

首先我们暂停游戏。暂停游戏使“Tap to Begin”信息显示在屏幕上。然后，我们将球定位到屏幕中心。如果被传递的参数newGame为YES/true，我们需要做几件事。首先，通过比较电脑和玩家分数，我们要检查谁是赢家。然后，更新“tapToBegin”（标签变量）通知用户谁获胜。你也可以加多另一个标签作此用，但我只是循环使用“tapToBegin”标签。最后，因为要开始新游戏，我们将玩家和电脑的分数清零。

如果newGame为NO/false，我们只需要复位tapToBegin，显示“Tap to Begin”。这只是为了更改tapToBegin中的信息，以防其还显示着像“Player/Computer wins！”（“玩家/电脑获胜！”）之类的信息。

按“Build and Go”与电脑进行一场“史诗般”的iTennis决战吧！源代码在此下载。

如约，这里有一些挑战

• 改进用户互动 – 当用户触屏时，球拍并不直接移动到触屏的位置，而是向触屏的方向移动
• 改进碰撞检测 – 当球碰到球拍时，使用一些简单的物理学原理使球拍的速度影响球的速度（和方向）
• 改进AI – 为AI增加一些随机性，使它能尽量“预测”球的运行轨迹
• 改进记分系统 – 使用网球记分 15, 30 , 等……
• 改进记分系统 – 你必须赢两分以上

请继续关注我们的教程，我将介绍游戏音频，启动画面，“关于……”以及其他部分…….

18/02/2009 原文见：iPhone Game Programming Tutorial Part 2- User Interaction, Simple AI, Game Logic   翻译：bagusflyer

在此教程系列中，我将教大家有关iPhone游戏编程的方方面面。游戏包括图形，音效，游戏逻辑以及简单的电脑AI。

我们将编写的游戏叫iTennis。它实际上是一个以网球为主题的乒乓游戏。它将遵循乒乓游戏的所有规则和逻辑。我选择其作为第一个游戏教程是不需要任何特殊动画效果的。如果大家有兴趣，我将在以后的系列中更加深入，介绍一个更加复杂的游戏。下面是游戏的截图：

下面是项目需要的图像。按图标下载压缩的图像文件。

打开Xcode建立一个View Based应用程序，取名为iTennis。

加压下载的图像文件，将其拖放到项目下的Resources(资源)文件夹。完成后，资源文件夹应该像这样。

现在可以开始编写代码了。为了在代码中与我们的图像互动，我们首先需要建立一个IBOutlet链接。我们还需要加入一些游戏变量以便在可以在教程中使用。打开iTennisVeiwController.h加入以下代码：

如你所见，我们有好些IBOutlet。这是因为我们需要与许多对象互动。暂时先忽略ballVelocity和gameState变量。现在，我们可以开始建立我们的用户界面了。双击iTennisViewController.xib在Interface Builder中打开。下面是一个视频介绍怎样建立界面。

现在你已经做好了链接，关闭Interface Builder返回Xcode。我们需要设定一些常量。你可以硬编码这些数值，但是将它们定为常量是你在调整游戏架构时更易于改变。打开iTennisViewController.m，加入下列代码。

我们来解释下这些常量的意义。前面两个是游戏的状态。我们用它们来确定屏幕上将显示什么。游戏是暂停？是在运行？还是处于标题画面？以后我们会加入更多的状态。下面两个变量是球运行的速度。由于游戏是2D的，只需要X和Y的速度作为它们的速度矢量。再下面一行（注：应该是@synthesize这一行）是用来自动产生getter和setter方法的变量。

现在，我们在viewDidLoad方法中加入下列代码：

首先，我们将游戏状态设定为暂停状态。这样在视图被加载后，游戏不会立即开始。接着，我们建立球速向量。调整前面定义的常量，可以使球运行更快或更慢些。最后，创建一个NSTimer的实例。第一个参数是时阶。在此，我们设置为0.05秒。调整此参数可以改变整个游戏的速度。下面一个参数是目标。此参数告诉定时器回调的位置。再下面的参数就是回调的名称了。简单地说，就是通知定时器每隔0.05秒调用一次self.gameLoop。在这里我们不用管userInfo参数。最后一个参数是告诉定时器重复执行。

初始化后，我们来创建游戏循环。加入下面代码：

首先我们检查游戏是否处于运行状态（暂停状态时，不需要移动球）。如果游戏没有运行，tabToBegin标签将会被显示出来。我们先前定义的这个标签只是通知用户触动屏幕开始。如果游戏真正运行，我们会根据其速度向量来移动球。下面几行是边界检查。如果球到达屏幕边界，我们就会将其速度方向，这样球就会“来回弹跳”。没有这些代码，球就会飞出屏幕了。

最后我们还要加入的代码是touchesBegan方法。此方法是在游戏暂停时用来启动游戏的。加入下面代码：

这段代码首先检查游戏是否处于暂停状态。如果是，则隐藏tapToBegin标签并设定游戏为运行状态。游戏将启动。以后，我们将会在此函数中写入玩家球拍控制。

最后，作为一个好的iPhone开发者，我们需要清除分配的资源。在dealloc方法中加入下面代码。

游戏开发教程系列第一部分到此结束。有什么问题，请留言。这里下载源码。

原文出自：iPhone Game Programming Tutorial – Part 1