《基于HTML5的WEB环境下坦克大战游戏软件的开发 毕业论文.doc》由会员分享，可在线阅读，更多相关《基于HTML5的WEB环境下坦克大战游戏软件的开发 毕业论文.doc（44页珍藏版）》请在金锄头文库上搜索。
1、基于HTML5的WEB环境下坦克大战游戏软件的开发The Development of Battle City Game Software Based on HTML5 Web Environment摘 要随着互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。在各种应用不断的趋于更加网络话的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不
2、同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及同电脑的交互都被标准化。也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在移动终端、PC（个人计算机）或者其他可以有网络的地方轻松的运行。所以此时研究HTML5，并且大胆的实践有着重要的意义。课题内容是使用HTML5技术基于Web的环境来制作一个网络版的“坦克大战”游戏应用，该游戏使用了HTML5中的Canvas（画布）、WebSocket（HTML5中最新使用的一种网络连接协议，用于实时通讯）、Audio（HTML5中控制声音的技
3、术）等最新的技术。目前HTML5标准尚未成熟，很多地方仍在变动，API（应用程序接口）仍不是很稳定，所以还无法真正的完全商用或者全部普及开，但这并不会影响我们来研究它。服务器端采用的Nodejs（一种Javascript程序语言框架，可以在服务器端运行Javascript语言）这种新型的框架来开发，Nodejs使用Javascript语言来开发，使整个应用从客户端到服务器端编程都是使用Javascript，大大的减少学习成本和开发成本，并且Nodejs性能强大，有很大的研究价值。该游戏服务器运行后，用户可以直接通过浏览器打开，实时的同其他玩家在游戏中对战，简单高效并且有声音和实时性的数据传输。
4、用户可以用键盘控制自己的坦克，在地图中和自己的队友配合去攻击另一队的坦克来获取胜利，整个游戏趣味性很强。关键词：HTML5；互联网实时性通信；Nodejs；网络游戏II AbstractWith the increasing development of the Internet technology and the constantly rising of the computer performance, users also begin to enjoy the Internet in the constantly changed ways. More and more applicat
5、ion can be directly use in the way of opening the browser, data are stored in the clouds, and therefore its more safe and reliable and continent for users to share data. In the same time of various application continuously tends to be more webified, a new standard of technology is produced, which is
6、 HTML5. HTML5 is the most giant leap of Web standards in nearly 10 years and it is different from the previous version.HTML5 is not only used to express the content of the Web, meanwhile, its mission is to bring the Web into a mature application platform, on which the video, audio, image and animati
7、on, and the interaction of computers are all standardized. That is to say that through the opening technology and standards HTML5 achieves a no plug-ins model of client. The client can be operated in the mobile terminal, PC or other places which have the network. Therefore, it has significance to st
8、udy and boldly practice the HTML5.The contents of the subject topics is to use the HTML5 create a Web edition of tank war game application based on the environment of Web. The game operates the Canvas, WebSocket, Audio and some latest technology. At present, the standards of HTML5 have not yet matur
9、e and some points are still in the variation and API still is not very stable, so it cant be completely commercial or in a good popularization. However, we can still have a good study of it. The server is used Nodejs, a new Javascript framework, to develop. Nodejs is used Javascript to develop, whic
10、h makes whole application, from the client to the server, using Javascript to program, greatly reduce the cost of learning and development costs. Meanwhile, Nodejs has the strong function and have the great value to study.After the operation of the game, users can directly open it through the browse
11、r and against with other players, with a simple, effective, voiced and data transmission of real-time. Users can use the keyboard to control their tanks and to attack another team to win the game with his teammates in the map. The whole game has a strong sense of interesting.Keywords: HTML5;internet
12、real-timecommunications; Nodejs;online gamesII 目 录摘 要IAbstractII第1章 引言11.1 课题的目的和意义11.2 国内外发展现状21.3 课题主要的内容和功能介绍41.3.1 课题主要的内容41.3.2 坦克大战游戏功能介绍5第2章 相关技术及开发方法简介62.1 相关技术简介62.1.1 HTML5标准简述及意义62.1.2 网络实时性技术及WebSocket72.1.3 Nodejs简介112.2 开发工具及运行环境132.2.1 Web开发工具和Aptana简述132.2.2 浏览器发展和Chrome浏览器介绍14第3章 游戏
13、玩法设计和需求分析173.1 游戏玩法设计173.2 需求分析173.2.1 系统角色173.2.1 用例分析17第4章 总体设计及程序功能分析184.1 程序总体功能设计184.1.1 程序功能模块分析184.1.2 地图读取及共享分析194.1.3 声音的控制分析194.1.4 联网对战分析194.2 程序流程204.3 模块及对应的方法22第5章 详细设计265.1 服务器端设计265.1.1 服务器端的运行环境265.1.2 服务器端的设计265.1.3 服务器端部分代码275.2 地图功能模块285.2.1 读取地图285.2.2 绘制地图285.2.2 地图模块部分代码295.3
14、坦克模块的设计315.3.1 读取服务器端信息315.3.2 控制坦克315.3.3 绘制画面315.3.4 坦克模块的部分实现代码315.4 炮弹模块的功能355.4.1 读取服务器端信息355.4.2 碰撞检测355.4.3 击毁功能355.4.4 绘制画面355.5 客户端与服务器端通信35第6章 结论37参 考 文 献38致 谢40第1章 引言1.1 课题的目的和意义随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。当然随着互联网的基础用户和开发者不断增多，人们不断地去创造和完善它的速度也越
15、来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成本很低、技术成本门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。但是毕竟整个互联网是一个开放的环境，大家需要一种标准，而不是一家独大的竞争下去，这样就一定会失去民心，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。HTML5是近十年来Web标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及同电脑的交互都被标准化。尽管HTML5的实现还有很长的路要走，但HTML5正在改变Web。另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。HTML5中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时可能带来的问题1。所以，研究HTML5这种技术
