当前位置: 首页 > 编程笔记 >

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

殳宸
2023-03-14
本文向大家介绍微信小程序五子棋游戏的悔棋实现方法【附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. 重点是重绘棋盘,导致棋盘有一点闪动,未找到原因,哪位大神知道,帮忙解决一下

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

 类似资料:
  • 本文向大家介绍微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】,包括了微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序五子棋游戏的棋盘,重置,对弈实现方法。分享给大家供大家参考,具体如下: DEMO下载 五子棋对弈、悔棋DEMO 效果图 分析 1. 采用微信小程序的canvas制作五子棋; 2

  • 本文向大家介绍java实现五子棋小游戏,包括了java实现五子棋小游戏的使用技巧和注意事项,需要的朋友参考一下 java实现五子棋小游戏 演示图: 以上所述就是本文的全部内容了,希望能够对大家熟练掌握java有所帮助。

  • 本文向大家介绍JavaScript实现五子棋小游戏,包括了JavaScript实现五子棋小游戏的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现五子棋小游戏的具体代码,供大家参考,具体内容如下 HTML部分 JavaSrcipt 更多有趣的经典小游戏实现专题,分享给大家: C++经典小游戏汇总 python经典小游戏汇总 python俄罗斯方块游戏集合 Java

  • 本文向大家介绍js canvas实现五子棋小游戏,包括了js canvas实现五子棋小游戏的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了canvas实现五子棋小游戏的具体代码,供大家参考,具体内容如下 效果 思路 canvans 绘制棋盘,绘制时候边缘预留棋子位置 监听点击事件绘制落子并记录到字典中 获胜判定,在四个方向上检测是否有足够数量的连贯棋子 代码 以上就是本文的全部内容,

  • 本文向大家介绍python pygame实现五子棋小游戏,包括了python pygame实现五子棋小游戏的使用技巧和注意事项,需要的朋友参考一下 今天学习了如何使用pygame来制作小游戏,下面是五子棋的代码,我的理解都写在注释里了 更多关于python游戏的精彩文章请点击查看以下专题: python俄罗斯方块游戏集合 python经典小游戏汇总 python微信跳一跳游戏集合 更多有趣的经典小

  • 本文向大家介绍javafx实现五子棋游戏,包括了javafx实现五子棋游戏的使用技巧和注意事项,需要的朋友参考一下 需求描述 一个五子棋游戏,能实现双方黑白对决,当一方获胜时给出提示信息,利用GUI界面实现 项目结构如下图 一、实体 FiveChess类 提供五子棋实体包含的所有信息 判断游戏是否结束 play方法改变chess[][]棋盘中的数据 二、视图 ChessPane类继承Pane类实现