微信小程序五子棋游戲的悔棋實現(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)文章
本篇文章主要介紹了詳解webpack進(jìn)階之loader篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左滑修改、刪除功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
基于 webpack2 實現(xiàn)的多入口項目腳手架詳解
這篇文章主要給大家介紹了基于 webpack2 實現(xiàn)的多入口項目腳手架的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-06-06
本文主要介紹了javascript中“this”的相關(guān)知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了javascript使用正則表達(dá)式檢測IP地址的方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了Javascript實現(xiàn)div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章介紹了JS增加行復(fù)制行刪除行的實現(xiàn)代碼，有需要的朋友可以參考一下2013-11-11
Javascript中void是一個操作符，該操作符指定要計算一個表達(dá)式但是不返回值，有不了解的朋友可以參考下本文2013-11-11
純js寫的分頁代碼且簡潔實用哦！需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
這篇文章主要介紹了javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等,需要的朋友可以參考下2014-05-05