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

发表于 | 分类于 | 阅读次数:

DEMO下载

五子棋悔棋DEMO

效果图

悔棋功能效果图

分析

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

js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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