- 博客(3)
- 资源 (1)
- 收藏
- 关注
原创 html5的canvas实现中国象棋
html5的canvas实现中国象棋最近有了一个写中国象棋程序的想法,就根据canvas实现了一下。下面是最终效果:首先,分析页面布局。主要的是有一个显示图像的区域,左下角是显示当前选中的棋子的<p>标签,右下角是两个按钮。对于图像区域的布局,首先为了让棋子的移动,红圈的移动,和棋盘之间不会互相影响。那我们就要创建三个图层,也就是用三个<canvas>根据相对布局放在同一个位置。在css设定z-index的值来确定图层的上下。棋盘图层应该放到最下面,棋..
2021-05-20 00:48:07
2732
6
html5的canvas中国象棋.zip
利用html5的canvas实现中国象棋,棋子和棋盘资源都在文件中。具有棋子的逻辑,玩家可以操作,没有写最终的胜负判断,但是胜负可以有玩家自己看到(自己判断有没有将军)。可以悔棋一步。棋子的移动具有约束条件。
2021-05-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅