使用HTML5 canvas开发的一个中国象棋游戏

向善的灯

首先来看下效果图：主要特点：未使用任何第三方插件和附件，全部为原生JS实现，总共代码在两千行代码左右，包括棋子和棋盘的绘制，直接复制代码保存到一个新的html文件下面，就可以直接运行。








目前已经实现的功能：
V1.0 : 实现棋子的布局，画布及游戏场景的初始化
V2.0 : 实现棋子的颜色改变
V3.0 ：实现所有象棋的走棋规则
V4.0 : 实现所有棋子的吃子功能

鉴于代码过长，已将代码打包为附件，或直接在Github上面下载查看，欢迎Star
GItHub源码下载地址：https://github.com/xiugangzhang/ChineseChess
如果需要直接体验的朋友也可以直接通过这个连接体验哈：
http://htmlpreview.github.io/?https://github.com/xiugangzhang/ChineseChess/blob/master/ChineseChess.html


由于目前只是实现了一些基本逻辑，后续可能也没有太多时间去继续弄了，就把它分享出来了，感兴趣的朋友可以在此基础上继续开发哈。
感谢大家支持，有什么问题和建议什么的也欢迎大家提出来，欢迎一起学习交流！

向善的灯

Kaiter_Plus 发表于 2018-10-4 10:43
点击的时候回向右偏移一个，不如要点左边的“马”需要点击左边的“车”次啊能点中“马”

好的，谢谢支持，目前在线测试走棋子可以：http://htmlpreview.github.io/?https://github.com/xiugangzhang/ChineseChess/blob/master/ChineseChess.html

可能是代码复制的时候的问题。

Kaiter_Plus

向善的灯 发表于 2018-10-4 14:26
好的，谢谢支持，目前在线测试走棋子可以：http://htmlpreview.github.io/?https://github.com/xiugangzh ...

嗯，好的，的确是复制的问题，多出了好多的空格！现在解决了，谢谢楼主！

凤凰de星空

这个用原生js写厉害了

Joker666

大，，，大佬

w1223

好强大    膜拜大佬         

kk1212

是不是也支持手机上玩？

向善的灯

kk1212 发表于 2018-10-3 19:02
是不是也支持手机上玩？

嗯，测试了一下，也是可以的，感谢支持！

kk1212

现在好像还不能吃  吃的时候会提示 不能移动

向善的灯

凤凰de星空 发表于 2018-10-3 18:44
这个用原生js写厉害了

感谢支持！

向善的灯

kk1212 发表于 2018-10-3 19:34
现在好像还不能吃  吃的时候会提示 不能移动

嗯，是的，走棋规则已经实现了， 现在就剩下吃棋规则这块了，感兴趣的话可以继续维护哈！

px307

感谢楼主无私分享！