【摘 要】塔防游戏是一种非常简单的游戏。通常在一张地图中完成，最早的塔防游戏思维起源于FC游戏小猪打狼，在魔兽RPG地图中带火了塔防。敌对单元有各种基本属性(如速度、生命值)。防御塔则各自具有不同的能力，不过无例外地都需要消耗 金钱来购买，金钱是由玩家通过击败入侵的敌人来取得的。此论文将构建一款基础级的塔防游戏，它易于扩展，运用流行的HTML5、CSS3、和JavaScript来搭建。HTML5可以在PC，平板和手机上运行。这使得多平台下开发变得简单。
【关键词】html5;javascript;游戏;塔防
1.前言
web游戏的开发类似于传统游戏的开发流程，其开发成员包括策划，美术，程序，三种主要工种，塔防游戏简单易上手，其特性非常适合作为无客户端的web游戏开发实现。
1.1 web游戏开发方法
Web游戏基于http协议上的游戏开发，其特点是无状态。本文开发工具用了vs2010，也是通常企业级web站点的开发工具。由于游戏展现需要用到大量图片，游戏制作者可以网上寻找资源或是美术外包的形式来完成美化界面的工作。后端选用了笔者较为熟悉的C#来实现。
1.2 web游戏开发过程
塔防web游戏的开发过程类似通常的软件开发，又和通常的互联网web系统有差异，结合游戏开发元素，系统分析师一般被主策代替，程序设计师一般被主程代替，美工被更加细分的美术代替，加之通常的测试。通常包括如下几个步骤：
(1)策划提策划案：包括系统设计和数值设计。系统设计，一些塔的种类设计，种类相克，种类结合出不同的效等，这些设计是要凭借设计者的创意以及游戏需求而定。数值设计这个环节我们也是考虑最基本的情况，并且设计者们也可以根据自己想要的效果合理添加内容，思路一致。
(2)概要设计：策划案明确后，将得到的数据分析后，开始构建数据库的逻辑结构。概要设计文档形成后，整个程序的逻辑框架也就形成了。
(3)详细设计：概要设计完成后，根据策划制定的不同模块和内容需要进行详细分析设计。
(4)程序编码：部分详细设计涉及到复杂算法或是独特算法的，还需要事先请专业算法人员来设计算法实现，可以直接提供接口或是提供伪代码让编码程序员实现。
(5)测试：程序编码完成后，就需要测试。测试工作中发现的错误应及时改正，然后将它记录到测试文档中，程序需要及时修复bug。
(6)打包：测试完成，确认无误后。程序就可以打包发行了。打包工具可以用vs自带的安装项目，对于web程序则可以选择源码发布到服务器站点。
2.游戏系统需求分析
2.1游戏内容总体描述
游戏开始玩家只有一定数量的金币，玩家只需要通过鼠标就可以控制整个游戏，玩家通过思考敌人的数量和攻击来控制防御塔的站位实现防御，如果出现错误的判断有可能导致整个游戏的失败。当玩家击退了一定数量的敌人后将进入下一关。每一关的难度就会增加。
2.2如何吸引玩家分析
此游戏以它独有的简单画面，便捷操作，消灭大量怪物的快感，成功防守的成就感著称。可以从三个方面来吸引玩家：
(1)独特的界面展示风格。
(2)大量怪物被击杀的快感。
(3)对塔防游戏内容的创新。
3.游戏总体结构设计
对开发者来说，整个游戏系统对象分为入侵怪物和防守炮台。每关有固定地图，地图难度逐级提高，入侵怪物沿地图固定路线行走。入侵怪物受到伤害为对应地图区域防御炮台所给予的数值。防守炮台伤害输出总是攻击一个或多个目标致死之后紧接着攻击范围内下一个目标。
3.1游戏各功能模块设计
地图，地图固定大小 20*20 的格子组成，每个格子都由50*50大小的png或gif图片组成，分为可行走格子和不可行走，地图定义初始怪物进场路线，从初始入口移动到终点逃出后游戏扣分，怪物移动路线通过常用行走算法得出，实际使用的是A星算法。
地图由地图编辑器生成，二维的数组存放到数据库地图表，需要时读出。
怪物，怪物等级数值设置，怪物种类：飞行，陆地，BOSS。
怪物基础属性：移动速度，血量，类型(地，空)，图片，级别，类别，名称。真实生成的怪物在基础属性的基础上的其他属性： 位置，当前血量，是否活着，移动方向，下个移动位置，冰冻时间，序号，已经行走过的位置记录。
防御塔，种类：对地对空攻击，辅助型或攻击型，辅助有加攻击和攻速
3.2游戏规则
(1)总共20关。
(2)每关卡设置最大怪物逃脱量即生命值，每关完成后都会重置，生命为0则游戏失败结束。
(3)防御塔可建造，可升级，可以三分之二价值变卖，有攻击范围。
(4)杀死怪物或是特殊塔攻击怪物都会得到金钱。
4.塔防游戏的具体实现
通过设计文档，对游戏进行分析后用PowerDesigner制作数据表信息，根据设计文档用vs2010进行具体代码编码，javascript采用对象实现，用prototype继承。游戏实现用状态机模式，每20ms循环一次遍历所有对象状态，包括塔和怪物。
主要代码：程序启动时运行状态机，this.timer=setInterval(Game.loop，20);每隔20ms运行Game.loop方法，此方法内遍历所有对象当前状态并实行相应动作此塔防游戏中主要三种对象，怪物(敌人)，防御塔，防御塔发射的子弹。
html5游戏开发充满着诱人的东西，它是游戏开发的方向，随着今后html5的不断完善，最终将取代本地代码编写的游戏。
【参考文献】
[1]罗超理，李万红.管理信息系统原理与应用.清华大学出版社，2002.
[2]艾德才.计算机信息管理基础.中国水利水电出版社，2001.
[3]赵韶平，徐茂生.PowerDesigner系统分析与建模(第二版).清华大学出版社，2010.
[4]Peter Lubbers，Brian Albers.HTML5高级程序设计.人民邮电出版社，2010.
[5]萨师煊，王珊.数据库系统概论.高等教育出版社，2000.
[6]Jeanine Meyer.HTML5游戏开发.人民邮电出版社，2011.
[7]Michael J.Hernandez.Database Design for Mere Mortals.中国电力出版社，2003.
[8]Eric Freeman，Elisabeth Robson.Head First HTML 5 Programming.中国电力出版社，2012.
[9]Michael Bowers.精通CSS与HTML设计模式.人民邮电出版社，2008.
[10]斯蒂夫.麦克康奈尔.快速软件开发.电子工业出版社，2001.
