微信小程序（游戏）----五子棋（总结）

WXRUI体验二维码

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

思路分析

1. 绘制棋盘：

计算横线和竖线的起始、终结点坐标，绘制棋盘网格；

2. 棋盘交叉点坐标：

计算每格宽高，循环保存棋盘所有点坐标，并初始化状态为0，表示此位置没有棋子，形成“棋盘坐标数组”；

3. 获取点击位置的精确坐标：

获取当前点击位置的横纵坐标，然后获取精确坐标方法：
1、由于知道每格宽高，可以通过当前坐标计算出棋盘中离点击点最近坐标；
2、通过循环“棋盘坐标数组”，查找最近坐标；

4. 绘制棋子：

通过获取的精准坐标，以该点为圆心，每格宽高的三分之一为半径绘制棋子；

5. 判断持棋方:

定义变量黑方棋子“落子坐标数组”和白方棋子