基于html+5的多人在线网页游戏开发研究

《基于html+5的多人在线网页游戏开发研究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于HTML5的多人在线网页游戏开发研究重庆大学硕士学位论文（专业学位）学生姓名：蒙泳行指导教师：石锐副教授学位类别：工程硕士（计算机技术领域）重庆大学计算机学院二O一三年四月ResearchandDevelopmentofMultiplayerOnlineWebGameBasedonHTML5AThesisSubmittedtoChongqingUniversityinPartialFulfillmentoftheRequirementfortheProfessionalDegreeByMengYongXingSupe

2、rvisedbyAssociateProf.ShiRuiSpecialty：ME(ComputerTechnologyField)CollegeofComputerScienceofChongqingUniversity,Chongqing,ChinaApril2013重庆大学硕士学位论文中文摘要摘要随着互联网技术的发展，互联网在不断地改变我们使用计算机的方式。浏览器的功能越来越强大，我们可以使用浏览器做更多的事情。数据可以存储在云端，更加的安全可靠，方便用户共享数据；很多应用直接打开网页就可以使用，不需要再下载安装，比

3、如网页QQ、网页飞信、网页微信；网页游戏也越来越绚丽，最近开始出现了网页3D游戏，画面比一些传统的客户端游戏都不差；甚至出现了网页操作系统，只需要在硬件上安装浏览器软件，便可在任何接通网络的电脑上使用自己熟悉的操作系统。在这种背景下，传统的Web界面技术（HTML4.01）已经不能满足要求，因此HTML5应运而生。本文主要研究使用HTML5的新功能开发一个多人在线网页游戏的方法。使用HTML5Canvas标签来开发动画效果，实现游戏角色行走、动作、技能效果表现，以及游戏地图的绘制和滚动；使用基于HTML5的封装了Webs

4、ocket的socket.io实现实时数据传输，包括玩家聊天和同屏显示其他在线玩家形象；使用Nodejs服务器端实现游戏的在线实时性，使用面向对象数据库MongoDB作为服务端数据库，保存玩家数据；使用HTML5Audio标签来实现游戏音效；最后讨论了基于HTML5的多人在线网页游戏的性能优化和代码优化。本文最终实现了一个在线多人网页游戏的核心功能，游戏客户端的实现包括用户注册账号、登录游戏、行动、聊天、战斗、升级、看到其他在线玩家的行动；游戏服务端的实现包括数据分发、数据存储、逻辑判断。HTML5功能强大，但目前网页游

5、戏开发还是flash的天下，随着HTML5的不断发展和完善，或许未来网页游戏开发中会有HTML5的一席之地，因此研究基于HTML5的多人在线网页游戏开发具有十分重要的意义。关键词：HTML5，Nodejs，socket.io，网页游戏I重庆大学硕士学位论文英文摘要ABSTRACTWiththedevelopmentofInternettechnology,Internetisconstantlychangingthewayweusecomputer.Browsermorepowerful,wecanusethebrows

6、ertodomorethings.Thedatacanbestoredinthecloud,moresecureandreliable,convenientforuserstosharedata;manyapplicationsyoucanusetoopenthepagedirectly,donotneedtodownloadandinstall,suchasWebQQ,webFetionandwebWeiXin;webgamesarebecomingmorebrilliant,recentlybegansomeweb3

7、Dgames,thescreenisnotworsethansometraditionalclientgame;evenaweboperatingsystem,browsersoftwareonlyneedstobeinstalledonthehardwarecanbeusedonanycomputerconnectedtothenetworkwiththefamiliaroperatingsystem.Inthiscontext,traditionalWebinterfacetechnologies(HTML4.01)

8、cannotmeettherequirements,HTML5cameintobeing.ThisthesisstudiestheuseofthenewfeaturesofHTML5todevelopanmultiplayeronlinewebgame.TodevelopanimationusingHTML5Canv