龚厚瑜 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、游戏的界面设计有待改进。
(二)总结
在做项目的时候感觉设计部分和功能算法的实现较难。此外,由于做的是游戏,对游戏的视觉体验也有很大的要求,感觉一个人不能做到各个方面的尽善尽美,所以团队合作很重要,当然,靠谱的队友更加重要!