使用HTML5 canvas开发的一个中国象棋游戏
本帖最后由 向善的灯 于 2019-1-18 22:19 编辑首先来看下效果图:主要特点:未使用任何第三方插件和附件,全部为原生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
可能是代码复制的时候的问题。 向善的灯 发表于 2018-10-4 14:26
好的,谢谢支持,目前在线测试走棋子可以:http://htmlpreview.github.io/?https://github.com/xiugangzh ...
嗯,好的,的确是复制的问题,多出了好多的空格!现在解决了,谢谢楼主! 这个用原生js写厉害了 大,,,大佬 好强大 膜拜大佬 是不是也支持手机上玩? kk1212 发表于 2018-10-3 19:02
是不是也支持手机上玩?
嗯,测试了一下,也是可以的,感谢支持! 现在好像还不能吃吃的时候会提示 不能移动 凤凰de星空 发表于 2018-10-3 18:44
这个用原生js写厉害了
感谢支持! kk1212 发表于 2018-10-3 19:34
现在好像还不能吃吃的时候会提示 不能移动
嗯,是的,走棋规则已经实现了, 现在就剩下吃棋规则这块了,感兴趣的话可以继续维护哈!
感谢楼主无私分享!{:1_921:}{:1_921:}