html5超级玛丽游戏的开发与实现(源码)【字数：10046】

摘 要自从2008年HTML5正式草案公布，到如今的多个浏览器支持HTML5的能力，HTML5发生了天翻地覆的变化，在如今flash逐渐趋于淡出历史舞台的关键时期，HTML5却越来越火。经这几年的完善，HTML5带着众多优点出现在我们面前。现在HTML5深受大众喜爱，苹果的乔布斯，facebook的创始人扎克伯格都成了他的俘虏。如今的HTML5以web支持跨平台使用，无需插件即可播放多媒体元素，语义化，标准化，更实用等优点扮演着越来越重要的角色。在今天的社会，HTML5技术已经运用到课堂，越来越多的人开始使用它来设计产品，既保证了产品的质量，也学到了新的东西。超级玛丽游戏自诞生以来一直深受大众喜爱，由最初的任天堂出品的超级玛丽在全世界风靡，最初的超级玛丽受技术限制，人物形态模糊，操作靠游戏手柄，在现在电脑普及的今天，局限性越来越大，而且玩家的热情也不是很高。经过三十年的不断升级，超级玛丽已经有了很多新的版本，但玩家对超级玛丽这款游戏的热情此消彼长。众多版本关卡已经变得面目全非，离我们熟悉的超级玛丽越来越远。而我设计的超级玛丽是在最早版本的基础上用HTML5设计的。将HTML5和超级玛丽游戏结合起来，应用到canvas和javascript，将游戏在web中展示，使得原本模糊的人物形态更加深动，操作也是用的键盘以上，下，左，右键来控制马里奥的移动，增强游戏的趣味性，同时也能唤起大家的童年回忆。
目 录
第一章 引言 1
1.1 课题研究背景与意义 1
1.2课题研究发展现状 1
1.3课题研究内容 2
第二章 相关开发环境与技术介绍 3
2.1系统开发软件和运行环境 3
2.1.1开发环境与工具简介 3
第三章 系统需求分析 5
3.1用户需求 5
3.2系统功能需求 5
3.3游戏流程分析 5
3.4 系统开发环境 6
第四章 游戏概要设计 7
第五章 游戏详细设计及实现 9
5.1绘制地图及流程图 9
5.2人物形态及动作设计 10
5.3玛丽移动和跳跃设计 11
5.4碰撞测试 13
 *好棒文|www.hbsrm.com +Q: #351916072# 
/> 5.5游戏场景对象管理 13
5.6加速度设置 14
5.7系统重难点的实现 15
第六章 系统测试 17
6.1单元测试 17
6.2功能测试 19
结束语 22
致 谢 23
参考文献 24
第一章 引言
1.1 课题研究背景与意义
自21世纪以来，计算机生产在社会生产的比重越来越大，新兴计算机行业出现的频率越来越快，出现了不少新技术。其中HTML5是其中的佼佼者，并受到越来越多的关注。HTML5的出现顺应了时代的潮流，极大地推动了社会的发展。由于flash的弊端日益显著，原有的应开发工具已不适用与现代程序的开发，目前flash在移动平台上开发的发展已经停滞不前，不能满足开发者对视频/音频，2D绘图等的追求，因而作用越来越小，而HTML5经过不断地更新发展，逐渐取代了flash的地位，成为开发人员的新宠。
HTML5的canvas（定义图形标签），可以满足开发人员对各种图形的需求，HTML5使用了新的语义学的定义标签（

、