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