论文总字数：21279字

摘 要

对于许多手游玩家来说，玩游戏的乐趣并不在于游戏本身，而在于同其余人的交互，所以在一个h5游戏中类似于家族、公会的模块尤为重要。HTML5（以下简称H5）是一系列制作网页互动效果的技术集合，H5游戏可以看作是移动端的web游戏，无需下载软件即可体验，这是H5在传播上的优势。本文以一款基于egret的H5游戏的家族模块为应用背景，游戏的开发引擎使用Egret Engine，客户端采用typescript的语言，以MySql 作为后台数据库管理系统，服务端使用php，该模块主要包括创建、申请、查找、管理、日志、兑换、每日任务、排行榜等功能。在了解家族模块的需求后，对之进行系统功能分析和详细设计以及编写程序代码，调试程序和优化完善。本模块使用的egret游戏开发引擎能提供各种组件对界面进行设计，能够很好的支持用户体验。

关键词：HTML5游戏；egret；家族模块

Design and Implementation of H5 Game Family Module Based on egret

71113316 Chen Yu

Advisor Dong Yongqiang

Abstract

For many gamers, the fun of playing the game is not the game itself, but is interacting with the rest, so in a h5 game similar to the family, the association module is particularly important. HTML5 (hereinafter referred to as H5) is a series of interactive effects of the production of web technology collection, H5 games can be seen as mobile side of the web game, no need to download the software to experience, this is the advantage of H5 in the spread. In this thesis, we take a family module based on egret H5 game as the application background and the game development engine is Egret Engine. The client uses the typescript as language, MySql as a backstage database management system, the server uses php, the module mainly includes the creation, Application, search, management, log, exchange, daily tasks, rankings and other functions. Under the understanding of the needs of the family module, the system function analysis and detailed design and preparation of program code, debugging procedures and optimization and improvement. This module uses the egret game development engine to provide a variety of components to the interface design, can be a good support for the user experience.

KEY WORDS: HTML5 Game；egret；Family Module

目 录

第一章 绪论 1

1.1开发背景 1

1.2设计目的 1

1.3开发工具简介 1

1.4相关技术知识 1

1.4.1开发框架 1

1.4.2数据传输 4

1.5论文组织结构 4

第二章 需求分析 4

2.1功能分析 4

2.2开发难点 5

第三章 总体设计 5

3.1系统总体结构 6

3.2模块描述 8

3.3数据库设计 9

第四章 详细设计 14

4.1系统流程图 14

4.1.1家族首页 15

4.1.2管理员审核 16

4.1.3家族捐献 17

4.2数据流图 17

4.2.1申请审核 18

4.2.2家族捐献 18

4.2.3家族商城 19

第五章 编码设计 19

5.1命名规则 19

5.2书写规范 20

5.3目录结构 20

5.4难点问题解决方案 23

5.4.1、屏幕兼容性 23

5.4.2、资源加载 24

5.4.3、弹窗和场景 24

第六章 结束语 24

6.1工作总结 24

6.2未来工作展望 25

致 谢 25

参考文献 26

第一章 绪论

1.1开发背景

目前，手机已经成为人们越来越离不开的随身工具，不仅仅是用作联系，在闲暇时也用作消遣，正因为如此，手机游戏变得越来越火热，h5游戏简单易上手，趣味性高，因为平台在手机上，移动性强，走到哪里都可以享受游戏的乐趣。

HTML5（简称H5）是一系列用来制作网页互动效果的技术合集，你可以将H5游戏看作是移动端的web游戏，你无需下载客户端即可用手机操作。 

 2015 年初在 H5 游戏引擎、工具高速发展的大背景下，大量的开发者涌入了 H5 游戏市场，包括海底捞、滴滴出行、爱奇艺等也纷纷做起了H5游戏，为H5游戏的发展营造了一个良好的发展环境^[1]。H5游戏的内容以形态多样化、真实还原化、趣味互动化为特点．满足用户在娱乐上的碎片化、可视化、社交化等方面的需求^[2]。

1.2设计目的

H5 游戏作为移动端页游，不同于PC端页游与端游的规模比，H5游戏多流量入口和即点即玩的特征将会扩大用户受众规模，但是在付费方面，目前H5游戏的整体付费率仍旧处于较低的程度^[1]。

对于许多手游玩家来说，玩游戏的乐趣并不在于游戏本身，而在于同其余人的交互，所以在一个h5游戏中类似于家族、公会的模块尤为重要。家族内的老玩家也可以为新手玩家做出合适的引导，使得新玩家能更快的熟悉游戏。

1.3开发工具简介

Egret是一整套游戏开发处理方案，除了核心引擎外，还提供了很多辅助游戏开发的专业工具，Egret Engine，Egret Wing，DragonBones，让开发者速度、高效、便捷的开发出移动游戏。Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎，该项目在BSD许可证下发布。使用Egret Engine开发的游戏可发布为HTML5版本，运行于浏览器之中。同时，也可以发布为iOS、Android和WindowsPhone原生程序。

1.4相关技术知识

1.4.1开发框架

本课题开发的家族模块，制作相应界面，实现相应功能，客户端采用的是PureMVC框架，同经典的MVC框架一样，PureMVC也分为数据层、视图层、控制层，每一层的具体实现类都是单一实例（只能创建一个实例的类，单例模式）。另有一个额外单例，Facade负责各层之间的通信。

图1 PureMVC框架图

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