基于HTML5的Flappy Bird游戏是一款无需下载客户端程序的网页游戏，适合上班族和学生进行休闲娱乐。游戏主要通过鼠标点击控制小鸟成功穿越长短不同的管道所组成的障碍并获取得分，考验玩家的反应能力和敏捷度。

开发本款游戏使用到了前后台技术。采用的框架是Phaser、struts2、Hibernate。基于HTML5标准标记语言和JavaScript动态脚本语言，结合Ajax技术实现游戏界面和功能。其中，HTML5的众多新增标签元素在开发过程中起到了举足轻重的作用。所以本次课题的重点在于研究如何使用HTML5语言来开发这款网页游戏。

本次游戏开发基本成功实现了预期目标，游戏功能已基本完善。游戏共分为六个模块，启动加载模块、菜单模块、游戏开始模块、游戏准备模块、游戏主界模块和游戏结束模块，界面简洁美观，游戏功能大致完成，实现了鼠标和小鸟的交互行为、重力模型、小鸟穿越管道得分以及游戏过程中出现大量道具等丰富的游戏功能。后期还希望通过问卷调查等方式采集玩家体验的感受，使功能以及界面上更具有Flappy Bird的独立风格。

论文组织结构

论文共分为五章。

第1章引言。主要介绍了网页游戏的概念以及围绕HTML5介绍了其历史和现状以及研究的意义。

第2章Flappy Bird游戏分析。划分为两部分，首先是围绕Flappy Bird游戏进行了三方面的可行性分析，分别为技术可行性分析、经济可行性分析、操作可行性分析。其次介绍了本次开发使用的工具、技术以及运行环境。最后对Flappy Bird游戏进行需求分析，首先针对游戏玩法进行了详细介绍，再对本游戏的需求进行多方面的分析。

第3章Flappy Bird游戏的总体设计。分为两方面，对游戏进行了全面的概要设计和详细设计，主要通过画图来展示设计的模块。

第4章游戏实现。主要针对游戏的各个界面是如何通过代码实现功能进行详细的解释，并粘贴大量代码图辅助解释。最后，演示游戏，展示游戏截图。

第5章结论与展望。主要总结了本次论文的研究课题以及取得的收获和不足，并指明进一步的工作方向。

功能需求分析

针对基于HTML的Flappy Bird游戏，进行以下功能性需求分析：

第一、本游戏需要有一个预加载的功能，一打开网页即启动加载，如加载进度条、加载游戏背景、加载游戏中所需的所有图片（小鸟、管道、道具）、加载各种游戏所需的音效、背景音乐等各类资源。

第二、增加用户选择功能。玩家可根据喜好进行游戏背景、游戏场景、小鸟形象和游戏难度的选择。不同小鸟形象的选择，界面立刻作出响应，在游戏开始界面即实现小鸟变换的效果。不同难度的选择，需要实现小鸟飞行速度的变化和管道间隙的变化等功能。

第三、在游戏开始界面，需要对游戏进行部分显示，比如显示游戏标题logo、游戏背景图片等，使玩家有直观的游戏初始化体验。在界面上相应位置上放置游戏开始按钮，点击按钮跳转到游戏主界面。

第四、在游戏主界面，需要实现大量游戏效果。需要实现小鸟的跳跃、管道的随机产生、小鸟穿越管道检测、小鸟与管道的碰撞检测、小鸟的触地检测以及小鸟吃到不同道具时要做出不同的动作响应（加分、形状变化、立即死亡等）。

第五、判断游戏是否结束。当小鸟碰撞到管道、掉落到地面或是吃到炸弹，即提示游戏结束。

第六、产生游戏得分，并显示当前排名。

概要设计

根据需求分析，主要将Flappy Bird分为六个游戏模块。第一个模块是启动加载界面，负责游戏预加载；第二个模块是游戏菜单界面，提供游戏场景、小鸟形象和游戏难度供玩家进行选择；第三个模块是游戏开始界面，在预加载之后显示，展示游戏logo等部分游戏界面；第四个模块是游戏准备界面，点击屏幕，跳转到第五个模块界面；第五个模块是游戏主界面，小鸟开始飞行，控制小鸟穿过障碍获取得分；第六个模块是游戏结束界面，弹出成绩排行榜。