内容摘要：

随着网络使用的普及以及移动上网设备大众化的普及，人们不满于现在传统的下载至设备上的客户端类的大型产品，他们拥有的大量碎片化的时间、多样的移动上网设备，产生了对轻量化，方便加载和使用的娱乐方式的需求。

本课题主要是在了解html以及移动互联网的发展历史以及w3c相关技术规范后，设计并制作一个基于html5的小游戏。该设计包括开始界面、各个关卡及计分系统。通过html5 canvas实现图形图像的刷新，通过html5多媒体功能实现游戏的声音效果。同时也使用了jquery、typescript等框架来更好地完善游戏本体。首先，本人对于这款游戏开发所使用的IDE和库进行了介绍；游戏内容的框架进行了概括；再从需求的角度上对游戏的玩法进行了介绍；接着是制作游戏的流程的说明；最后是游戏演示的界面效果以及对成果的分析，以及过程中的收获。

关键词： HTML5 JavaScript EaselJS JQuery WEB游戏

目次

摘要

Abstract

1.-引言-1

2. 小游戏制作框架-2

3. 小游戏制作原理-4

3.1. 开始界面引导-4

3.2. 游戏界面-4

3.2.1. 玩法思路-4

3.2.2. 具体规则-4

4. 小游戏制作流程-5

4.1. 准备工作-5

4.2. 开始界面-5

4.2.1. 搭建html网页结构-5

4.2.2. 添加背景及选项-6

4.3. 游戏界面-8

4.3.1. 绘制3个canvas-8

4.3.2. 绘制云朵-8

4.3.3. 篮子x坐标跟随鼠标-9

4.3.4. 绘制礼物-10

4.3.5. 记分、计时系统，碰撞检测-11

4.4. easelJS库的使用-12

4.5. 其他-13

5. 结语-14

参考文献-15

致谢-16