论文总字数：22398字

摘 要

随着手机硬件技术的提升及移动网络的发展，现如今HTML5手机游戏行业的发展前景也十分美好。所以我选取了一款HTML5手机游戏的开发作为毕业设计项目。

本论文主要介绍了我所开发的这款HTML5游戏的主要结构及部分模块的实现方法。主要包括需求分析、系统设计、部分模块的详细设计及数据库设计。系统设计部分将游戏系统分割为多个子系统并介绍了子系统的各个功能。具体实现部分详细描述了宠物模块与逃离开普勒模块的实现逻辑：客户端实现、服务端实现及客户端与服务端交互。另外，本论文还介绍了项目测试的基本流程，并列举了宠物模块宠物购买和使用的测试用例。本项目采用egret游戏引擎，客户端编写使用typescript语言且基于puremvc框架；服务端则使用php语言，采用thinkphph框架完成开发；数据库采用mysql数据库，使用phpmyadmin来进行管理。游戏运行的服务器环境为linux、nginx、php及mysql。

关键词：HTML5，egret，手机游戏，puremvc，thinkphp

THE BASIC STRUCTURE AND MODULAR REALIZATION OF HTML5 GAMES

Abstract

With the development of mobile phone hardware upgrade technology and mobile networks, it is now the development prospects of HTML5 mobile game industry is also very good. So I chose to develop a HTML5 mobile games as a graduation project.

This thesis introduces the main structure and modular realization of this HTML5 game I developed. It includes requirements analysis, system design, detailed design and database design of parts of the module. The system design part is divided this game into lots of subsystem and it describes the function of each subsystem. The implementation part describes the logic of Pet model and Runaway model. Including client implementation, server implementation and interaction between client and server. In addition, this thesis also describes the basic flow of testing and lists the test cases of buying pets and using pets in Pet model. This project uses egret egine. Client Programming uses typescript and puremvc framework. Server Programming uses php and thinkphp framework. Database uses mysql to implement and phpmyadmin to manage. The server environment for running this game are linux, nginx, php and mysql.

KEY WORDS: HTML5, egret, mobile game, puremvc, thinkphp

目录

摘 要 2

Abstract 2

第1章 绪论 4

1.1 引言 4

1.2 相关技术介绍 4

1.2.1 egret引擎开发 4

1.2.2 PureMVC框架介绍 4

1.2.3 ThinkPHP框架介绍 5

1.2.4 MySQL数据库介绍 6

第2章 需求分析 8

2.1 游戏介绍 8

2.2功能需求 8

2.2.1 宠物模块需求 8

2.2.2 逃离开普勒模块需求 8

2.3软硬件环境需求 9

第3章 系统设计 11

3.1总体结构设计 11

3.2子系统的结构与功能 11

3.3子系统功能的具体实现流程 12

3.3.1服务端客户端交互 13

3.3.2客户端实现 15

3.3.3服务端实现 18

第4章 数据库设计 20

4.1数据表设计 20

4.2数据表具体结构 20

4.2.1宠物模块相关数据表 20

4.2.2逃离开普勒相关数据表 21

第5章 游戏界面说明 24

5.1宠物模块界面 24

5.2逃离开普勒模块界面 27

第6章 游戏测试 33

6.1模块测试 33

6.2整体测试 33

6.3游戏测试的步骤 33

6.4游戏测试用例 34

结束语 35

致谢 36

参考文献（References） 37

第1章 绪论

1.1 引言

随着近年来手机性能的不断提升，以及3G、4G网络的普及，手机游戏市场异常火爆。而HTML语言的第五次重大修改也已成熟，这些都满足了HTML5手机游戏的软硬件支持。我所在的公司在2014年无意中开发的《围住神经猫》游戏大红大紫之后也投入部分精力于HTML5手机游戏。本课题的主要任务就是完成一款HTML5游戏中的部分模块。

1.2 相关技术介绍

1.2.1 egret引擎开发

目前HTML5游戏开发引擎有cocos2d-js、egret、DOM等。本课题所采用的引擎为egret引擎。egret引擎是一款免费的开源HTML5游戏开发引擎，通过其相关工具如egret wing等可以使开发者快速地搭建灵活优雅的工作流，高效、安全以及便捷的构建HTML5手机游戏。

egret引擎同时支持typescript、Javascript和ES6标准，开发者适用人群十分广。其次，egret引擎可以十分好的支持脏矩形特性，能够大幅度的提高所开发出来的游戏的性能以及游戏体验。egret引擎还支持更加完善的绘图高级API，可以极大的丰富游戏的渲染功能。

egret相关产品中，egret wing支持可视化编辑，方便开发人员动态编辑游戏界面，提高游戏的开发效率。开发者可以通过egret wing快速搭建egret项目。ResDepot是 Egret游戏的可视化资源管理工具。它能轻松高效地管理海量游戏素材和配置文件资源，帮开发者快速制作生成 Egret 游戏中所需的资源配置文件，轻松的定制灵活的分组加载规则。开发者通过可视化的拖拽操作，可以快速完成资源配置文件。

1.2.2 PureMVC框架介绍

PureMVC是一个跨平台、跨语言的MVC通用框架，这个框架基于MVC模式设计，清晰简单。PureMVC是基于模型、视图和控制器MVC模式建立的一个轻量的开源的应用框架。它最初被用于ActionScript3语言使用的Adobe Flex、Flash和AIR之上，但现在它已经被移植到几乎所有主要的软件平台之上，本课题游戏客户端开发所使用的正是基于typescript的PureMVC框架[1]。

PureMVC经典的MVC设计模式中，Model、View和Controller分别由一个单例类来管理，统称为核心层或核心角色。另外，在PureMVC中还提供了一个单例类 —— Façade，它的主要作用是作为与核心层通信的唯一接口，简化开发复杂度[2]。除了这几个主要对象外，PureMVC框架还有Proxy、Mediator和Command。

剩余内容已隐藏，请支付后下载全文，论文总字数：22398字