软件工程第二次作业

              龚厚瑜 2012211672                    杨敏杰2012211784

这是一款于html5和jquery开发的小游戏。因为我个人比较喜欢下象棋，所以一边学习一边自己写了这个象棋游戏，游戏有人机对战和双人对战两种模式。由于人机对战算法较难，目前仍在学习中，后期会具体实现并上传主要代码。此外，在尝试将游戏做成三维的过程中，由于目前实现效果尚欠佳，所以还没有具体应用，后期依旧会继续改进，最终实现功能的完善和三维的效果。以下是关于这个游戏的具体介绍：

一、 项目名称：中国象棋小游戏

二、 开发人员：龚厚瑜（2012211672） 杨敏杰（2012211784）

三、 项目介绍

（一）、代码模块+功能介绍：

1.游戏最终运行页面效果：

 

2.页面结构代码（html）

 

3.页面样式（css）：

 

4.游戏逻辑控制（jquery实现）

（1）Control.js

在加载页面时执行，相当于一个入口控制，用于执行对人机对战和双人对战的选择，分别进入人机对战和双人对战的代码部分。

 

a.初始页面（棋盘上无棋子，计时器未计时）：

 

b.选择“双人对战”后（棋子出现，计时器开始计时）：

 

 

（2）Two_people.js

用于控制双人对战的逻辑。

a.变量：

 

b.行棋时的逻辑控制：

 

 

 

(3) computor_people.js

用于控制双人对战的逻辑，(此部分功能尚未实现，我将在今后的学习中补上)。

 

（二）、性能分析：

衡量前端代码性能的一个重要标准就是加载文件的快慢，通过打开浏览器控制台可以看到加载各个文件的时间（由于是在本地测试，所以文件加载的时间都很快）：

 

从该截图可以看出：加载文件的时间比加载图片的时间快。因为游戏规模较小，代码文档较小，而图片比较大。

 

四、项目反思

（一）需要改进的地方：

1、人机对战的功能尚未实现，敬请期待！

2、有一些小bug还由于时间问题未修改，例如，多次点击“悔棋”之后，计时器会失控；在行棋过程中点击“双人对战”按钮，页面会出现混乱。

3、代码几乎是面向过程的代码，缺少一些面向对象中的设计模式的思想。

4、游戏的界面设计有待改进。

（二）总结

在做项目的时候感觉设计部分和功能算法的实现较难。此外，由于做的是游戏，对游戏的视觉体验也有很大的要求，感觉一个人不能做到各个方面的尽善尽美，所以团队合作很重要，当然，靠谱的队友更加重要！