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

发布时间：2020-08-19 23:00:25 阅读：368 作者：Rattenking 栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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

DEMO下载

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

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

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签