微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】

(编辑：jimmy 日期: 2024/11/5 浏览：3 次 )

本文实例讲述了微信小程序五子棋游戏的悔棋实现方法。分享给大家供大家参考，具体如下：

DEMO下载

五子棋悔棋DEMO

效果图

分析

悔棋功能需要的操作：

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

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. 重点是重绘棋盘，导致棋盘有一点闪动，未找到原因，哪位大神知道，帮忙解决一下

希望本文所述对大家微信小程序开发有所帮助。

上一篇：解决element ui select下拉框不回显数据问题的解决
下一篇：Vue.js特性Scoped Slots的浅析