网页设计专业课程设计方案报告书.docVIP

武汉理工大学华夏学院

课程设计汇报书

课程名称：网页设计

题目：俄罗斯方块游戏

系名：信息工程系

专业班级：

姓名：

学号：

指导老师:

年1月14日

课程设计任务书

课程名称：网页设计课程设计指导老师：苏永红

班级名称：软件1131开课系、教研室：软件和信息安全

一、课程设计目标和任务

网页设计和制作课程设计是《网页设计和制作》课程后续实践课程，意在经过一周实践训练，加深学生对网页设计中概念，原理和方法了解，加强学生综合利用HTML、CSS、JavaScript、asp网页设计技术进行实际问题处理能力，深入提升学生进行分析问题和处理问题能力，包含系统分析、系统设计、系统实现和系统测试能力。

学生将在指导老师指导下，完成从需求分析，系统设计，编码到测试全过程。

二、课程设计内容和基础要求

1、课程设计题目

俄罗斯方块游戏设计和实现

2、课程设计内容

俄罗斯方块游戏是一个单击休闲小游戏。在俄罗斯方块游戏界面中，有一组正在“下落”方块(通常有4个，组成多种不一样形状)，游戏玩家需要做事情就是控制正在“下落”方块移动，将这组方块摆放到适宜位置。只要下面“某一行”全部充满方块，没有空缺，那么这行就能够“消除”，上面全部“方块”会“整体掉下来”。

对于HTML5、JavaScript学习者来说，学习开发这个小程序难度适中，而且能很好地培养学习者学习乐趣。开发者需要从程序员角度来看待玩家面正确游戏界面，游戏界面上每个方块(既能够涂上不一样颜色，也能够绘制不一样图片)在底层只要使用一个数值标识来代表即可，不一样方块使用不一样数值标识。

开发俄罗斯方块游戏除了需要了解游戏界面数据模型之外，开发者还需要了解为游戏添加监听方法，经过事件监听能够监控玩家按键动作，当玩家按下不一样按键时，程序控制正在“下落”方块移动或旋转。本程序稍微有点复杂地方是，当方块组合旋转时，开发者需要计算每个方块旋转后坐标。

具体要求为：

(1)开发游戏界面。游戏界面大致分为两个区域：速度、积分显示区和主游戏界面区。

(2)建立游戏状态数据模型。对于游戏玩家而言，游戏界面上看到“元素”千差万别、改变多端，但对于游戏开发者而言，游戏界面上元素在底层全部是部分数据，只是不一样数据所绘制图片存在差异而已，所以，建立游戏状态数据模型是实现游戏逻辑关键步骤。

(3)实现游戏逻辑。定义了游戏状态模型后，接下来程序需要处理方块组合“掉落”，还需要处理方块组合“左移”、“右移”、“旋转”等，经过事件监听能够监控玩家按键动作，当玩家按下不一样按键时，程序控制正在“下落”方块移动或旋转。此处使用LocalStorage来统计游戏状态。

(4)初始化游戏状态。在游戏过程中，程序使用了LocalStorage来保留游戏状态，包含游戏目前积分、游戏速度、已经有方块状态等。为了正常使用LocalStorage所统计游戏状态，程序能够为window对象onload事件绑定事件监听器，程序能够在windows装载完成时经过LocalStorage读取这些数据，并把这些数据显示出来。

为了提升分析问题和处理实际问题能力。每个人需要检验游戏运行结果，设计汇报文档，并提交纸质版课程汇报和电子版网站设计资料，包含：源程序，网站运行效果截图，电子版资料以班为单位刻成光盘后由学习委员统一提交。

3、设计汇报撰写格式要求

1设计题目和要求2设计思想

3系统结构

4系统具体设计和实现，内容包含各个模块设计，模块算法步骤图，相关知识点使用，能够截取少许代码说明，并加上注释，图居中显示，图下方要有图编号和图名称。

5运行结果及结果分析

6自我评价和总结

7参考文件

三、课程设计步骤立即间进度和场地安排

本课程设计将安排在第20周,教育技术中心。具体安排以下：

第一天下发任务书，学生查阅资料

第二、三天系统设计和原型开发，系统功效实现

第四天书写课程设计汇报，系统调试测试打包和验收

周次

星期一

星期二

星期三

星期四

星期五

第20周

第3-6节

第3-6节

第3-6节

第3-6节

地点

现教212

现教212

现教212

现教212

四、课程设计考评及评分标准

课