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

项目名称

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下。

iPhone引领的休闲游戏复兴的风潮似乎已经过热。感谢早些时候Adobe发布的新Flash开发软件beta版，一个新启动的公司OneAppAtATime允许开发者使用Flash开发iPhone程序。从本周开始，此公司为Flash游戏开发者打开了一道大门，他们提供将Flash游戏转换为iPhone游戏并使其获得App Store批准的服务，作为回报他们将收取35%的收入。（也就是说在Apple拿走30%后与开发者平分剩下的70%。）

OneAppAtATime 是Evan “Rabble” Henshaw-Plath的杰作，他们以前曾为源于Yahoo Brickhouse的卫星服务公司Fire Eagle以及传播Twitter的播客公司Odeo工作。

Henshaw-Plath，位于乌拉圭的蒙得维的亚，宣称希望每月生产“数十甚至数百个游戏“。他们的目标是许多Flash游戏的兼职开发者以及由于网上用户不希望付费过去有困难从他们的项目中赚到钱的开发者。

但是在iPhone平台上，人们通常是需要付费的，Henshaw-Plath希望将这些游戏的价格定在$2.99。而且尽管Adobe宣布 计划在2009年底发布Flash专业CS5的公众beta版，OneAppAtATime在竞争中已经抢先一步。Henshaw-Plath宣称他通过乌拉圭大量的Flash开发者获得了先机。

不像它的名称，OneAppAtATime希望成为一个工厂，能够大量生产出尽可能多的程序，但是，Henshaw-Plath特别希望能够改编利用了iPhone特性如重力计，GPS，罗盘和地址簿的程序。例如，一个公司的游戏利用Atari经典的Breakout游戏允许玩家通过前后移动设备来控制他们的摇杆。（由于这些程序还没有通过Apple的批准，你现在还不能玩这个游戏。）

Henshaw-Plath通过其Ruby on Rails顾问公司Cubox注资。他希望通常需要“数百甚至数千美金”开发的每个Flash游戏只需花几天时间转换。

OneAppAtATime正在释放一个怪物；目前已经有大约100,000 iPhone程序，而且有远超此数的Flash游戏存在。具有如此之多的竞争，维持生意并不是件容易的事情。Henshaw-Plath说他的程序将在与其他iPhone程序的竞争中胜出因为用户在购买之前可以通过Flash进行测试。而且他还并不具有对游戏的独家许可证，这样Flash开发者在认为他们可以做得更好时有权与OneAppAtATime竞争。并且公司保证为每个游戏提供大量的公共市场宣传和广告。

原文见：iPhone Users, Get Ready for Flash Games

简单概括一下本教程

上一次教程，我们在一个“空白画布”Xcode项目上渲染了一个实体三角形。然后建立一个顶点数组，通过使用glVertexPointer()告诉OpenGL数据及其格式，再使用glDrawArrays()渲染出来。

今天，我们将使用上次的代码，但把三角形变为正方形。我们仅需要改动其中几行代码。第一部分应该很明显，我们应为正方形指定4点而不是三角形的3点。然后我们通过传递给glDrawArrays()不同的参数告诉OpenGL以不同的方式绘画。

我们开始吧。

定义正方形顶点

打开上次教程的Xcode项目并找到rawView 方法。为riangleVertices[] 常量加上注释-先不要删除，因为当我们讨论变换时会需要用到它们-加入下列代码：

这定义了我们的正方形。注意反时针方向的正方形顶点（4个点）。

然后我们在主体部分为绘制三角形代码加上注释，稍后我们也会用回这些代码的。为三个函数glVertexArray(), glEnableClientState()和glDrawArrays()加上注释并加入下列代码：

这三个函数只有少许不同。

这里唯一的变化是使用了不同的顶点数组，即正方形数组而不是三角形数组。

glEnableClientState()仍然是通知OpenGL从顶点数组绘制（而不是绘制颜色数组或其它）。

最主要的变化就在这里了。上次的教程我们使用GL_TRIANGLES作为第一个参数，3为第三个参数。记住第二个参数代表数组开始位置的偏移量，因为我们的顶点数组只包括了正方形，所以它还是0。

第一参数是OpenGL的绘图模式，你已经见过其中两种。就此机会我讨论一下各种不同的绘图模式。它们是：

GL_POINTS
GL_LINES
GL_LINE_LOOP
GL_LINE_STRIP
GL_TRIANGLES
GL_TRIANGLE_STRIP
GL_TRIANGLE_FAN

我们还没有讨论过点和线，所以我们先把重点放在后面三种与三角形有关的模式。在我开始讲解之前，我要提醒你们一个顶点数组可能包括不止一个三角形，所以虽然你只见过一个顶点数组包括一个对象，但并不限如此。

GL_TRIANGLES – 表示OpenGL将以是三个顶点一组来处理顶点数组。所以，第一组三个顶点代表三角形顶点1，2和3。然后再处理接下来的一组三个顶点，直到数组的尾部。

GL_TRIANGLE_STRIP – OpenGL将从前两个顶点开始，对于各个后续顶点，它将与前两个顶点一起构成三角形。也就是说，squareVertices[6~8]是与squareVerticies[0~2]和squareVerticies[3~5]一起构成三角形的。而squareVertices[9~11]是与squareVertices[3~5]和squareVertices[6~8]构成三角形的。如此这般，完成整个数组。

注意：squareVertices[0~2]表示：

        squareVertices[0]  – X 坐标

        squareVertices[1] – Y 坐标

        squareVertices[2] – Z 坐标

如果你还不明白，我将在随后的示例中进一步说明。

GL_TRIANGLE_FAN – 对于最前面两个顶点之后的每个后续顶点，OpenGL将使用前一个顶点以及第一个顶点构成三角形。所以，对于squareVertices[6~8]，它是通过与squareVertices[3~5] （前一个顶点）和squareVertices[0~2] （第一个顶点）一起构成三角形的。

我们使用的是GL_TRIANGLES_FAN。按下“Build & Go”后，你可以在屏幕上看到如下白色正方形：

回头看看顶点数组。想象一下三角形是这样被绘制从而构成正方形的。OpenGL是这样进行渲染的。

三角形顶点1: squareVertices[0~2]        — 正方形的左上角

三角形顶点2: squareVertices[3~5]        — 正方形的左下角

三角形顶点3: squareVertices[6~8]        — 正方形的右下角

OpenGL使用上叙三点绘制的三角形组成了正方形的左下部分。设想下按对角线从左上角开始到右下角将正方形分成两部分。注意两个三角形是怎样构成的？OpenGL只是画了正方形左下方一半。

注意：squareVertices[0~2]表示：

        squareVertices[0] - X坐标

        squareVertices[1] – Y坐标

        squareVertices[2] – Z坐标

三角形顶点1: squareVertices[9~11]       – 正方形右上方顶点

三角形顶点2: squareVertices[6~8]        — 前一个顶点，右下顶点

三角形顶点3: squareVertices[0~2]        — 第一顶点，左上顶点

只要使用一个新点，OpenGL就能渲染三角形以完成整个正方形的渲染。

GL_TRIANGLE_STRIP

回到代码将glDrawArrays()第一个参数从GL_TRIANGLE_FAN改为GL_TRIANGLE_STRIP：

按 “Build & Go” ，你将看到下列图形：

让我们分析下为什么在绘制方法中的一个变化就会导致我们得不到正方形的结果。OpenGL以以下方法处理顶点数组：

三角形顶点 1: squareVertices[0~2]        — 左上

三角形顶点 2: squareVertices[3~5]        — 左下

三角形顶点 3: squareVertices[6~8]        — 右下

OpenGL现在是使用最前面的三点渲染三角形，因此，正方形左下半部分三角形的渲染已前面例子的结果一样。

三角形顶点 1: squareVertices[9~11]       – 右上

三角形顶点 2: squareVertices[6~8]       — 前一个顶点，右下

三角形顶点 3: squareVertices[3~5]        — 再前一个顶点，左下

OpenGL现在是使用这三点来渲染三角形。在本例中，使渲染的三角形与构成正方形所需的三角形相比，正好翻转了90度。

如果我们用不同方式提供顶点数组，我们有可能像使用GL_TRIANGLE_STRIP获得正确正方形，就像使用GL_TRIANGLE_FAN一样。需要记住绘制方法必须与顶点数组一起考虑，否则有可能得到奇怪的结果，就像我们将FAN改为STRIP时一样。

注意：如果你以不同方式设定顶点数组，使用GL_TRIANGLE_STRIP你仍可以画出正确的正方形。例如：

使用上述三点，可以看到第一个三角形是通过前三个顶点构成的，获得的三角形如下：

现在，通过指定右上顶点（P4），与左上（P3）和右下的再前一个顶点（P2）可以构成一个新三角形。新顶点用橘红，绿色和红色表示如下：

我们正确地绘制了一个正方形。最终的结果是一样的，但需要提醒你的是，指定的顶点数组必须与绘图方法匹配。

结论

我们已经讨论了三角形和正方形。还剩下点和线部分。这两种基元都十分简单，将在下一篇教程中涉及。对于本次教程已经涉及的部分，下次我们将进行混色处理。

在完成了物体着色后，我们将移动和进行3D纹理映射。当然，它不会是Doom 3式的程序，不过我们可以由此开始建立3D物体。然后，我们就将进入3D世界了。

本教程的源代码：AppleCoder-OpenGLES-02.zip

原文见：OpenGL ES 02 – Drawing Primitives 2 – Squares 作者：Simon Maurice  上一篇：opengl-es-01-绘制基本图形1-三角形

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

• 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

源码下载地址在Github，直接按“Download”就可以下载了。

为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