摘要：基于网络和硬件设施的飞速发展，手机游戏和移动游戏也在逐渐普及，游戏爱好者越来越多，为了满足游戏爱好者业余时间放松心情、移动游戏的需要，本人利用最新的Egret游戏引擎开发了一个简单的html网页游戏，该游戏简洁方便、易上手，即点即玩，并适合在社交平台开速传播。该游戏逻辑清晰，画面简单易懂，并加上背景音乐和各种音效加以分辨。游戏功能多样，不仅可以存储好玩家玩过的成绩在排行榜中显示，最后能将游戏分享至空间和好友一起挑战。游戏中的道具有金币、障碍物乌云、小鸟，还有磁铁石功能和清屏功能的金蛋、拥有无敌功能的宝石。游戏中可以暂停，刷新和返回上一层，游戏结束能在界面中显示玩家的成绩。

本文首先阐述了这个游戏的开发背景、开发意义、和网页游戏的现状，分析了相关的开发工具还有环境配置。本文重点介绍了这个游戏的界面设计和逻辑功能实现的具体方法，并显示出界面的完整效果。

关键词：HTML5；Typescript；手机网页游戏；egret 

目录

摘要

Abstract

1 绪论-2

1.1 课题背景-2

1.2 课题内容-2

1.3 课题的意义-2

1.4 课题现状-2

2 开发环境和技术介绍-4

2.1 开发工具简介-4

2.1.1 功能介绍-4

2.2 EGRET简介-4

2.3 开发环境配置-7

3游戏需求分析-10

3.1 html5开发移动游戏可行性分析-10

3.2 游戏流程分析-11

3.3 游戏逻辑分析-12

3.4 用例模型-14

4 游戏总体设计-15

4.1 游戏设计思想-15

4.2 游戏逻辑设计-15

4.3游戏组成框图-15

5游戏详细设计-15

5.1游戏主界面模块-16

5.1.1 模块功能-16

5.1.2 界面设计-16

5.1.3实现方法-17

5.2角色选择界面模块-19

5.2.1 模块功能-19

5.2.2 界面设计-19

5.2.3 实现方法-20

5.3 游戏界面模块-21

5.3.1模块功能-21

5.3.2界面设计-22

5.3.3实现方法-23

5.4 游戏结束模块-23

5.4.1模块功能-28

5.4.2界面设计-28

5.4.3实现方法-28

结论-31

致谢-32

参考文献-33