微信小程序五子棋游戲的悔棋實現方法【附demo源碼下載】
更新時間：2019年02月20日 11:50:48 作者：Rattenking
這篇文章主要介紹了微信小程序五子棋游戲的悔棋實現方法,結合實例形式分析了微信小程序中悔棋的原理與相關實現技巧,并附帶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. 重點是重繪棋盤，導致棋盤有一點閃動，未找到原因，哪位大神知道，幫忙解決一下
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
這篇文章主要介紹了微信小程序按順序同步執(zhí)行的兩種方式,本文通過實例代碼給大家講解，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-12-12
這篇文章主要介紹了JS代碼實現圖片自動播放并可控的效果,需要的朋友可以參考下2015-07-07
本文主要介紹了uniapp實現app熱更新的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
這篇文章主要介紹了JavaScript遍歷DOM元素的常見方式,涉及javascript中firstChild、lastChild、firstElementChild、nextElementSibling等函數遍歷dom元素相關使用技巧,需要的朋友可以參考下2019-02-02
使用ef6創(chuàng)建oracle數據庫的實體模型遇到的問題及解決方案
這篇文章主要介紹了使用ef6創(chuàng)建oracle數據庫的實體模型遇到的問題及解決方案,需要的朋友可以參考下2017-11-11
這篇文章主要為大家詳細介紹了微信小程序實現監(jiān)聽頁面滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
javascript實現unicode與ASCII相互轉換的方法
這篇文章主要介紹了javascript實現unicode與ASCII相互轉換的方法,涉及JavaScript字符串的遍歷、正則匹配及編碼轉換相關技巧,需要的朋友可以參考下2015-12-12
微信小程序在 2.2.1 版本后增加了對 npm 包加載的支持，使得小程序支持使用 npm 安裝第三方包。這篇文章主要介紹了在小程序開發(fā)中使用npm的方法，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要為大家詳細介紹了JavaScript變量作用域，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要為大家詳細介紹了js實現貪吃蛇游戲，canvas繪制地圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09