日期:2014-05-17  浏览次数:20799 次

html5--笑傲弈林

?

?

结合笔者发过的html5 贪食蛇和中国象棋程序,整合成了一个基于 html5 的象棋打谱程序,该打谱程序暂时还没有什么亮点,只是有别于东萍的打谱程序,它是用 flash 开发的,本程序则不用依赖 falsh, 但却依赖浏览器 ... (万恶的 IE )。技术上也没有什么可圈可点,无非还是在用 canvas?API 画画图。在此抛砖引玉,期待更多 html5 的精彩应用。

?

本程序支持以下棋谱格式,比较简陋

每个棋步由四个字符组成:?棋子纵坐标?+? 棋子横坐标? +? 目的点纵坐标? +  目的点横坐标

试下功能没有进行行棋规则的限制,如对此有兴趣,可参考笔者中国象棋程序的实现。

试下后可保存棋谱,保存格式同上,棋谱保存后可用于演示。

?

本程序未来有可能考虑以下扩展

1. 象棋行棋术语显示与定位

2. 多种棋谱格式支持

3. 联网下棋

4. 象棋比赛直播

但也不一定,要看时间,心情与兴趣,毕竟这年头,计划赶不上变化。同好棋友,也可自行扩展,你推倒重来更好。本程序用yangguo?licence 进行发布。

Yangguo?licence:?任何人有权使用本程序。如要修改源代码,建议通知作者,并提交修改后代码。美女将获得无偿培训,指导。

?

?

?

闲话休提,来看截图:

?

?

?

录入棋谱:

?

?

?

Board类代码

?

function Board(pen){
	this.board = [];
	this.init = function(){
		this.board = new Array(
		[8,9,10,11,12,11,10,9,8],
		[0,0,0,0,0,0,0,0,0],
		[0,13,0,0,0,0,0,13,0],
		[14,0,14,0,14,0,14,0,14],
		[0,0,0,0,0,0,0,0,0],
		[0,0,0,0,0,0,0,0,0],
		[7,0