基于HTML5的即时战略网页游戏的设计与实现-软件工程专业论文.docxVIP

独创性声明 本人声明所呈交的学位论文是本人在导师指导下进行的研究 工作及取得的研究成果。据我所知，除了文中特别加以标注和致谢 的地方外，论文中不包含其他人已经发表或撰写过的研究成果，也 不包含为获得电子科技大学或其它教育机构的学位或证书而使用 过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论 文中作了明确的说明并表示谢意。 作者签名： 日期： 年 月 日 论文使用授权 本学位论文作者完全了解电子科技大学有关保留、使用学位论 文的规定，有权保留并向国家有关部门或机构送交论文的复印件和 磁盘，允许论文被查阅和借阅。本人授权电子科技大学可以将学位 论文的全部或部分内容编入有关数据库进行检索，可以采用影印、 缩印或扫描等复制手段保存、汇编学位论文。 （保密的学位论文在解密后应遵守此规定） 作者签名： 导师签名： 日期： 年 月 日 摘 要 随着近年 Html5 技术的逐渐兴起，Web 技术变得越来越强大，能做的事情也越 来越多。以前 Web 技术主要运用在建设网站等方面，现在随着 Canvas 和 WebGL 技 术的出现，越来越多的开发者开始运用 Html5 技术来开发游戏。 本文运用敏捷开发的思想和 Canvas 技术提炼了一个 2D 游戏引擎，开发了一 款具备生产、建造、资源采集、战斗、地图迷雾等 RTS 要素的即时战略游戏。 对于 2D 游戏引擎，本文重点实现了核心类、动画、事件管理、资源加载等框 架，提出了工具类和 UI 类等通用组件。核心类实现了主循环、场景、层和精灵等 内 容 ， 并 向 用 户 提 供 了 钩 子 方 法 ， 增 强 了 引 擎 的 可 扩 展 性 。 动 画 框 架 与 TexturePacker 工具结合，用户可直接使用该工具创建动画帧数据，并通过动画框 架提供的三种方式来生成精灵动画。事件管理框架支持鼠标和键盘事件的监听和 管理。资源加载框架支持图片和 json 文件的加载，资源管理类进行统一调度。 对于游戏，本文实现了 RTS 游戏的核心要素，重点研究了地图滚动、精灵遮 挡、精灵移动、战斗这几个方面。在地图滚动的实现中，本文参考了 2D 游戏中滚 动的实现，并加以扩展，应用到了本文的 2.5D 游戏中，实现了地图边缘的平行滚 动。精灵遮挡对于 2.5D 游戏是一个难点，本文通过提出 zOrder 属性和对精灵按 遮挡排序的方法解决了该问题。精灵移动对于即时战略游戏来说也是一个大问题， 本文采用 A*和 Steer 算法解决了精灵静态和动态寻路的问题。在战斗功能的开发 中本文提出了攻击点和被攻击点的概念，实现了精灵的近战攻击和远程攻击。 关键字：2D 引擎，即时战略游戏，HTML5，RTS I Abstract With this development of the HTML5 Technology, the Web Technology becomes more and more powerful that it can be using to do more things.The Web Technology is mainly used in building website before while more and more developers use the HTML5 to develop games with the advent of the Canvas and WebGL Technology. This thesis abstracts a 2D game engine and develops a real time strategy game which contains production, construction, resource acquisition, combat, map fog and other RTS elements. To the 2D game engine, this thesis mainly realizes the frames of the core classes, animation, event management, resource loading and puts forward the tool and UI modules. The core classes realize the main loop, scene, sprite and other components, provide the hoop methods to the user that it enhances the engine’s scalability. With the combination of the animat