■ 图11.11Flappy Bird 游戏

完成游戏的步骤与第6章的“贪吃蛇”“打砖块”等游戏的步骤没有区别，都是遵循如下游戏设计步骤。

(1) 根据游戏规则，统计游戏画面中会出现的游戏角色。然后根据游戏角色的特征选择合适的数据类型保存数据，通常有变量、一维数组、二维数组。

(2) 根据这些角色最开始在屏幕上的位置，对每一个角色的数据进行初始化。

(3) 根据数据，将每一个角色显示在屏幕上。

(4) 根据游戏规则，更新每一个角色的数据，形成新的画面。

唯一的区别在于，之前的游戏角色的图像都是由小方块组成的，现在的游戏角色的图像都是由漂亮的图片组成的。

根据游戏的简介可知，Flappy Bird游戏只有两个游戏角色：小鸟和水管，则分别设计小鸟和水管的结构体类型数据。游戏中只有一只小鸟，而水管有多个，所以可以选择用单个变量存储小鸟的数据信息，用一维数组存储水管的数据信息。

小鸟的信息包括在屏幕上的位置、图片信息以及生命状态，则结构体类型为：

水管的信息包括在屏幕上的位置和图片信息。每一组水管由上、下两个管道组成，假定上、下管道之间的空隙高度为固定的100像素。因此构建管道的结构体需要保存上、下管道在屏幕上的位置，还有上管道的高度，则结构体类型为：

声明好结构体内容之后，可以根据结构体，选择合适的数据类型存储数据信息。接着按照初始化数据、显示数据、更新数据三个步骤分别完成相应的内容。

01、初始化数据

初始化鸟的代码如下：

初始化管道的代码如下：

02、显示数据

显示背景图的代码如下：

显示小鸟的代码如下：

显示管道的代码如下：

03、更新数据

更新小鸟的数据包括两部分。

(1) 小鸟的位置变化。

(2) 小鸟的生命状态，当小鸟撞到管道时，游戏结束。

判断小鸟是否与管道发生碰撞，可以抽象为两个矩形是否相交。如果相交，则发生了碰撞。判断矩形相交的方法有很多，在这个游戏中，可以简化处理为如图11.12所示的模型。

■ 图11.12物体碰撞检测模型

中间的小方块表示小鸟，两个大方块分别代表上、下管道。每个方块的4个点的坐标都是已知的。小鸟的矩形左上角的坐标为(pBird->x，pBird->y)，右下角的坐标为(pBird->x+35，pBird->y+25),其中数值35、25分别为小鸟图片的宽度和高度。上面管道的左上角坐标为(pPipArray［i］.x，pPipArray［i］.upy),右下角的坐标为(pPipArray［i］.x+52，pPipArray［i］.upy+320)，其中数值52、320分别为上管道图片的宽度和高度。下面管道的左上角坐标为(pPipArray［i］.x，pPipArray［i］.downy),右下角的坐标为(pPipArray［i］.x+52，pPipArray［i］.downy+320)。

当小鸟飞进管道所在的区域时，意味着两种可能：左边的一条边或者右边的一条边在管道的左右两条边之间。代码如下：

当小鸟飞进管道所在的区域时，有两种情况意味着发生碰撞。

(1) 小鸟上面一条边的y轴坐标值小于上管道底部边的y轴坐标值。

(2) 小鸟下面一条边的y轴坐标值大于下管道顶部边的y轴坐标值。

判断小鸟生命状态函数的代码如下：


更新的小鸟生命的函数的代码如下：

更新小鸟运动的代码较为简单，小鸟只有上下运动，当按下空格键时，小鸟向上运动，没有按键时小鸟不断向下运动。代码如下：

更新管道的数据，管道不断向左运动，代码如下：

完整的代码如下：





仔细观察就会发现Flappy Bird游戏就是“赛车”游戏的变体，Flappy Bird游戏改变最大的就是将玩法导向了自虐模式，正是这点微小的创新，就让游戏体验变得不一样，更加吸引人，从而风靡全世界。