微信小程序五子棋遊戲的悔棋實現方法【附demo源碼下載】

這篇文章主要介紹了微信小程序五子棋遊戲的悔棋實現方法,結合實例形式分析了微信小程序中悔棋的原理與相關實現技巧,並附帶demo源碼供讀者下載參考,需要的朋友可以參考下

本文實例講述了微信小程序五子棋遊戲的悔棋實現方法。分享給大家供大家參考，具體如下：

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. 重點是重繪棋盤，導致棋盤有一點閃動，未找到原因，哪位大神知道，幫忙解決一下

希望本文所述對大家微信小程序開發有所幫助。