更新时间:01-09 (心有所属)提供原创文章
内容摘要:
随着网络使用的普及以及移动上网设备大众化的普及,人们不满于现在传统的下载至设备上的客户端类的大型产品,他们拥有的大量碎片化的时间、多样的移动上网设备,产生了对轻量化,方便加载和使用的娱乐方式的需求。
本课题主要是在了解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