向善的灯 发表于 2018-10-3 18:39

使用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


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

向善的灯 发表于 2018-10-4 14:26

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 15:18

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

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

凤凰de星空 发表于 2018-10-3 18:44

这个用原生js写厉害了

Joker666 发表于 2018-10-3 18:57

大,,,大佬

w1223 发表于 2018-10-3 19:01

好强大    膜拜大佬         

kk1212 发表于 2018-10-3 19:02

是不是也支持手机上玩?

向善的灯 发表于 2018-10-3 19:21

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

嗯,测试了一下,也是可以的,感谢支持!

kk1212 发表于 2018-10-3 19:34

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

向善的灯 发表于 2018-10-3 20:07

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

感谢支持!

向善的灯 发表于 2018-10-3 20:08

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

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

px307 发表于 2018-10-3 20:28


感谢楼主无私分享!{:1_921:}{:1_921:}
页: [1] 2 3 4 5 6
查看完整版本: 使用HTML5 canvas开发的一个中国象棋游戏