微信小程序（游戏）----五子棋（悔棋篇）

WXRUI体验二维码

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

DEMO下载

五子棋悔棋DEMO

效果图

分析

悔棋功能需要的操作：

1. 判断当前持棋人；
2. 清空棋盘；
3. 将当前持棋人的棋子数组的最后一个棋子还原到全局坐标数组的位置；
4. 删除当前持棋人的棋子数组的该坐标。

js

this.page.changeUndo = function(e){
      if (self.START_GAME){
        var lastM = self.myPoint.length - 1;
        var LastA = self.AIPoint.length - 1;
        self.drawChessboard();
        
        if (self.boolAI && !self.boolMy && lastM >= 0){
          self.ABSCISSA_ARRAY[self.myPoint[lastM].pointY].push(self.myPoint[lastM]);
          self.myPoint.splice(lastM, 1);

        } else if (!self.boolAI && self.boolMy && LastA >= 0){
          self.ABSCISSA_ARRAY[self.AIPoint[LastA].pointY].push(self.AIPoint[LastA]);
          self.AIPoint.splice(LastA, 1);

        }
        self.drawAll();
      }
    }

注意

1. 判断游戏是否开始，如果没开始，就还没落子，不能悔棋；
2. 判断持棋人，对其数组操作；
3. 同时判断持棋人数组坐标个数，如果没有，则未落子；
4. 重点是重绘棋盘，导致棋盘有一点闪动，未找到原因，哪位大神知道，帮忙解决一下，请联系QQ：1148063373

WXRUI体验二维码

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

其他

我的博客，欢迎交流！

我的CSDN博客，欢迎交流！

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表