微信小程序（游戏）----五子棋（棋盘，重置，对弈）

WXRUI体验二维码

如果文章对你有帮助的话，请打开微信扫一下二维码，点击一下广告，支持一下作者！谢谢！

DEMO下载

五子棋对弈、悔棋DEMO

效果图

分析

1. 采用微信小程序的canvas制作五子棋；
2. 确定棋盘大小及格数；
3. 绘制棋盘----通过棋盘宽高和格数计算间距，同时保存坐标点；
4. 黑方和白方下子----定义一个布尔变量代表各自的身份；
5. 重置棋盘----重新开始；
6. 通过判断当前棋手，悔棋时进行改变。

绘制棋盘

drawLine(arr){
    arr.forEach(current => {
      th