整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5代码做的中国象棋游戏,这个程序无人能敌

最近上班无聊时有事没事喜欢下几把象棋,当然前提是我项目都做得很好了,空闲时间才娱乐下,大家不要学我哟,玩了几把才知道,自己有好多年没练过了,游戏中的高手还是挺多的,毕竟这年代,还能在网上安静的下象棋的也只有老粉丝了,今天这个中国象棋的案例,大家可以自己练习下。

这里还是要推荐下我自己建的前端学习群:204436223,不说其他的,能进我群的没两把刷子怎么可以呢是吧,当然小白我也非常欢迎,都是从零开始的嘛,多虚心问问题就行了,不定期分享干货。想学到东西的都可以来,欢迎初学和进阶中的小伙伴。

效果图如下:

javascript代码如下:

文档版代码请看文章第二条建议

文档版代码请看文章第二条建议

文档版代码请看文章第二条建议

有很多人或许会说,我javascript都学完了,但是自己做案例还是不会,这就和数学公式一样,公式你都能倒背如流了,但是呢?你知道什么时候可以用到题里去吗?你知道这个题要用哪个公式吗?今天一位伙伴还对我说了这个问题,我反问,你有自己的项目吗?‘没有’。。。。

案例 到现在就写完了,当然你如果没有做过类似案例的做起这个来还是很麻烦的,自己要记住思路一定不要乱,也不要完全复制我的代码,看了一边代码,自己徒手能写出来才是王道。

最后给大家几个建议。

  1. 刚学javascript的话千万不要急着看一些复杂的javascript网页特效的代码,这样只会打击你的信心和学习的兴趣

  2. 网上看到的什么十天精通javascript的,笑一下就行!

  3. 这个案例就算做完了,想要完整代码自己练习的小伙伴进我的群自助领取,我已经上传到群文件里了,群号:204436223,欢迎学习交流的小伙伴过来一起学习交流。

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号:‘web前端课程’关注后回复‘给我资料’可以领取一套完整的学习视频

棋桥是一款为象棋爱好者开发制作的棋谱管理类软件,用户能够通过软件对棋谱进行导入保存,并且能够在软件中对棋谱进行查看,一步步的复盘整个棋局,方便用户对棋局进行思考。用户还能够在其中进行棋谱的制作,在软件中进行下棋,并将对局进行记录保存至本地。

来源:http://www.3h3.com/soft/273893.html

软件功能

一:打谱(目前同类软件中功能最强,下面列出的功能都是针对单个棋谱)

1、可以打开的格式: xqf(象棋演播室)、pgn(通用格式)、che(QQ象棋)、mxq(弈天)、ccm(中游)、cbr、cbf、cbl

2、可以保存的格式: xqf(象棋演播室)、pgn(通用格式)、txt(文本)、cbr、cbf、cbl

3、支持的打开棋谱操作方式: 从菜单或工具条打开; 从棋库打开; 从Windows资源管理器拖入界面里打开; 从书签打开; 关联文件后,双击棋谱打开。

4、支持最全的棋谱信息,可以方便的制作全局/残局棋谱。

5、完整支持FEN格式,便于和各种棋软交换棋盘数据。

二:棋谱管理(方便的管理大量的棋谱)

1、可以对棋谱分类分层次的管理。

2、以棋库为基本文件单位,可将同类棋谱放到一个棋库里,可将同类棋库放到一个文件夹中。

3、转换各种棋谱格式,操作简便,配合其他功能,整个转换操作强于其他转换软件。支持的格式请见打谱的介绍。

4、可对棋谱、棋库及文件夹进行复制,删除,移动, 更名等基本操作。

5、快速定位棋库。随着棋库增多,查找起来会越来越麻烦,该功能解决了这个困扰,如要定位银川棋路的棋库,只需输入拼音首字母ycql按回车。

5、可以将文件夹或棋库中的所有棋谱,方便的合并到一局棋谱中。

6、方便的剔除棋库或文件夹中重复的棋谱。

7、方便的将多个棋库中的棋谱复制到一个棋库中。

8、棋谱列表,只要点击字段头,就可做相应的排序,非常便于整理棋谱。

9、棋谱的顺序可以自定义, 并可保存排序后的顺序。

10、可以批量修改文件属性,标题字段支持宏替换修改。

11、方便的对棋谱进行预览。

12、可以多一个或一批棋谱搜索与之相似的棋谱。

13、棋库可以包含资源文件,如PDF,txt,图片,声音,脚本等。

14、可以用脚本对棋谱进行复制,删除,过滤,选择,排序。棋友自己如果发现欠缺某功能,写个脚本,或者到网上下载个脚本就可实现。

15、棋谱列表里的棋谱可方便的多选,按住Shift点鼠标可以选择连续的一批棋谱,按住Ctrl点鼠标可跳跃选择棋谱。

16、双击棋谱即可打开。

17、棋谱列表需要列出棋谱的哪些字段及宽度可到工具菜单的系统设置里调整。

三:搜索(可对大批量棋谱统计分析)

1、可按盘面,子力,开局,棋手,步数,注解内容等搜索棋谱。还可设置各种约束条件。

2、搜索结果可累积,也可以从结果中再搜索棋谱。

3、灵活运用操作步骤,可实现各条件同时成立或分别成立的搜索。

4、搜索结果可复制,删除。

5、搜索结果可选择性的合并到一局棋谱中。

6、搜索结果可预览。

7、双击棋谱即可打开。

8、搜索的范围可任意指定。

9、对盘面搜索结果有详细的统计,包括胜率,和率,比重等。一个典型的应用就是搜集大师的对局谱并对各种盘面进行分析。

10、按住Ctrl键可多选变着列表,然后按搜索选中的变着盘面,常用于剔除偏门走法的棋谱。

11、搜索的速度非常快,支持多核CPU, 经测试在100万局棋谱中搜索某盘面,在已载入索引的情况下,Q6600的4核电脑只需0.3秒。

棋谱导入方法

1、下载软件压缩包文件,点击“CCBridge.exe”即可运行程序,选择棋谱管理菜单,如下图所示:

2、选中棋库,点鼠标右键,选择建立棋库

3、输入棋库名称,再确定

4、回到动态棋谱所在网页,并点导出

5、得到下图在箭头所指代码位置选择全部代码(可用快捷键Ctrl+A)选中全部代码并复制。(选中的代码变蓝色),如下图所示:

6、回到象棋桥界面,选择导入,在下拉菜单中选择“东萍UBB”

7、网页中的动态棋谱导入象棋桥中了,可看图中下箭头所示。再点上箭头中的保存按钮,保存导入的棋谱。

8、点击确定保存即可,下次使用,点击棋谱管理,即可查看保存的棋谱,双击蓝色部份就可看到保存的棋谱了。

所见所得,都很科学#为了让更多棋友懂得如何在本站发布棋局,我花了些时间,写了这篇教程,主要讲解如何使用本站架设的动态棋局系统制作动态棋局,并把动态棋局在本站发布。这篇教程图文并茂,深入浅出,相信看过此篇教程的棋友会学会如何发布动态棋局的。

具体步骤如下:(以象棋巫师和东萍象棋为例)

1.清空棋盘。随便找一个带有动态棋局的页面,或点击此处进入棋局制作页面,在动态棋局的右下角有个“导出”按钮,点击“导出”按钮,如图1,进入代码导出页面,点击“清空代码”链接,如图2,可清空左边棋盘中的所有棋子,重新进行摆棋。

图1


图2

2.摆棋。摆棋的时候,如果要把某个棋子摆在某个位置,应先点击动态棋盘中的右下角的“添加棋子”处的棋子,表示选中了某个棋子,然后在棋盘的某处点击一下,表示把该棋子放在棋盘的某处,以同样的方法摆其它棋子,摆完后点击动态棋盘中的“将左侧局面设为开始”的链接,如图3。

图3

3.走棋。走棋时应先选中棋盘中要走的棋子,棋子被选中后周围会呈浅绿色,然后在棋盘中要走的地方点击一下,棋子会自动移过去,同时中侧的“棋谱序列”中会自动显示该步着法的记录,如图4。

图4

4.纠正走错。如果走棋的时候不小心走错了,可以删除走错的着法。删除时应先在中侧的“棋谱序列”中选中走错的着法,然后点击动态棋盘右下角的“删”字链接,如图5所示。

图5

5.添加注解。可以为任何一着添加注解说明,添加注解时应先在中侧的“棋谱序列”中选中要添加的着法,之后在动态棋盘的右侧“注解”输入框中输入注解文字,完成后再点击右上角的“修改注解”,注解添加成功后,中侧“棋谱序列”中着法右侧会显示一个*号,即有*号的表示有注解,如图6的详细说明。

图6

6.增加变着。可以为每一着添加变着,添加变着时应先在中侧的“棋谱序列”中选中要添加变着的着法的上一着,然后在左侧的棋盘中走变着,这时动态棋盘的右下角“变着栏”会出现“点击此处增加变着xx ”的链接,点击该链接可成功增加变着,增加变着后中侧的“棋谱序列”中该步着法的右侧会出现个小写字母m,即“棋谱序列”中右侧带m的着法表示有变着,如图7。

图7

7.复制代码。按以上的方法摆好棋局并设置好着法,完成棋局后点击动态棋盘右下解的“导出按钮”,如图8所示。进入代码导出页面,点击右下角。

图8

“复制代码”栏的第三行“新浪网易”链接,则左上角“导入导出”栏中会自动显示可用于新浪网易博客的棋盘代码,这些代码同样适用于本站,点击“复制代码”栏第一行的红色的“复制代码”链接,即可将代码复制到剪贴板上,如图9(即以<embed开始,以[/DhtmlXQFLASH]" />结束的所有代码)。

图9

注意:动态棋局中可以导出适用于各类论坛、博客、网站的代码,如UBB代码(适用于支持UBB代码的论坛)、frame代码(适用于支持框架的论坛)、QQ空间代码等,但经过测试,本站只支持与新浪网易博客相类似的代码,所以导出时务必导出第三行的第一个链接的“新浪网易”!

8.修改代码。点击本站任何页面的右上角的“发布分享”链接,进入本站发布主题页面,切换为代码模式,把上面提制下来的代码粘贴到输入框中,做一定的修改,如图10,修改如下:

①把第二行的http://www.dpxq.com/(红色部分,包括“/”)删除,本站使用的棋盘程序是东萍象棋网开发的,由于站长技术所限,导出代码时显示网址,如果不删掉的话,动态棋盘也能正常显示,但不是使用本站的棋盘程序,而是使用了东萍的棋盘程序了,所以请记住务必删掉。

②修改棋局的名称,棋局的名称默认情况下是原使用的棋局的名称,需要改成你自己的棋局的名称,修改代码[DhtmlXQ_title]和[/DhtmlXQ_title]之间的文字,例如[DhtmlXQ_title]您的棋局名称[/DhtmlXQ_title],请务必修改棋局名称,因为此名称会出现在发表后的棋局的上方。

③其它的内容如图10用红色下划线标出的部分,可修改也可不修改,这些内容不会显示于发表后的棋盘中,但建议还是修改。修改完后,动态棋局的制作正式完成。

图10

9.修改其它内容。切换为设计模式,可以设计动态的棋局以外的内容,包括文字、图片等,如图11,设计界面有时不能正确显示棋局,如有黑屏的话请不用理会,如果想看看棋局是否正确,可以进行预览界面预览一下,如图12。

图11


图12

10.发表。发表前应先预览一下,看看棋局有没有问题,如图12,如果没问题的话,可以提交了!那么恭喜您了,您的棋局发布成功。