移动游戏包括单机游戏与网络游戏2大类，从中国移动游戏的产品分布趋势调查数据来看，单机游戏在2015年所占的比例快速上升，已达到83%[4]。伴随着生活节奏的不断加快，移动游戏操作方便、简单易学、时间短等特征使它越受众多用户的追捧。移动游戏在沉浸式体验上与PC、主机游戏相比还有一定差距，但在空间和时间的游戏体验方面，PC游戏和主机游戏是无法与之相比的。PC大型网游需要用户花费大量时间和精力去体验不同，而移动游戏中有较大比例的游戏是为了帮助用户消磨零碎的时间，移动游戏的这一特性，让生活快节奏较快群体得到放松，并在其都市中赢得较大的市场份额。如图1所示。

图1单机游戏比重

如今我们在公交上、在咖啡厅里，甚至在走路时，都可以看到很多玩家在通过移动游戏玩耍。其中每关花费时间短、操作方便的小型智游戏占据一定比例。老牌的贪吃蛇、消灭星星在单机中的排行中一直保持靠前。如跑酷类这种前十名的游戏也拥有一席之地。这类游戏场景数量少、制作周期短、操作简单，并且所使用的设计与程序相对简单，但具有较好的磁性去吸引大量玩家，而且保持着较高的月流水量。由于互联网的不断进步和优化，基于浏览器的Web应用与本地APP相比，所相离的差距逐步越小，特别随着HTML5技术的开发与发展，两者之间差距表现出缩小化[5]。通过利用HTML5技术设计和开发一款可以进行人机对弈的小型单击游戏，有助于对Web新技术的市场推广，为用户带来高质量的、全新的实际体验，其中通过新技术去开发“飞翔的小鸟”这个单机游戏的价值和意义，主要表现在以下4方面：

(1)开发达到完全标准化。通过HTML5能够降低依赖程度，逐步摆脱第三方插件。通过利用浏览器内增的新功能设计页面，在一定程度上可以避免因使用插件而带来的不安全、应用不稳定、浪费资源等不利影响[6]。

(2)使界面效果变得更加丰富。通过对HTML5技术中CSS3功能的利用，能够实现之前只能通过JavaScript脚本才可以达到的视觉效果。如渐变、圆角边框等特效，通过利用这类新样式的性能，可以方便快捷地提高用户丰富的感官体验。

(3)页面设计变现出简单化和结构化。通过HTML5新型表单元素与结构化标签，可以使得页面结构变得更加语义化，从而有利于简化开发流程，减轻开发人员的工作量，使页面变得更加简洁美观[7]。

(4)具有跨平台的特性。网页游戏不需要下载应用程序，如果能够有浏览器的支持，不管是手机移动设备，还是PC机。不分Android和Linux系统，都可以随心得享受游戏所带来的快乐[8]。

2.开发技术介绍

2.1HTML

属于HTML5的时代正在到来，其中Canvas的新特新功能和新特性是很值得开发者与用户留意的事。它可以在目前的FireFox、IE9等多个浏览器中去运行，是当前HTML5中富客户端动画效果的实现方式，也是和flash抗衡的资本[9]。只要用户使用HTML5浏览器，就不必安装flash插件，有利于大幅度提高用户体验水平。官方给Canvas元素标签赋予定义是：Canvas能够绘制图形或游戏图案，准许使用脚本动态渲染点阵图像。开发者还能够在HTML5里采用JavaScript绘制所需要的文字、线或者图片等[10]。

Canvas一般使用Canvas2DAPI绘制图形，三分之二浏览器都可以支持2DCanvas。用户在使用Canvas时首先定义一个Canvas标签，设置相应的选择器，宽高等属性[11]。Canvas2DAPI对象允许开发者绘制各种图片和图形，然后通过getContext方法获得绘图环境，目前，这个方法的参数是2d，然后用document.getElementById(“cvs”)来获取画布。准备好上下文后getContext(“2d”)获得绘图环境。