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


Posted in Javascript onFebruary 20, 2019

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

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

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

Javascript 相关文章推荐
Maps Javascript
Jan 22 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
在vue中使用echarts图表实例代码详解
Oct 22 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 #Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 #Javascript
详解关于element级联选择器数据回显问题
Feb 20 #Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 #Javascript
echarts实现词云自定义形状的示例代码
Feb 20 #Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 #Javascript
详解webpack 最简打包结果分析
Feb 20 #Javascript
You might like
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
php中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
Vue和React有哪些区别
2020/09/12 Javascript
Python中zip()函数用法实例教程
2014/07/31 Python
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
python下os模块强大的重命名方法renames详解
2017/03/07 Python
Python内建模块struct实例详解
2018/02/02 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
python读取mysql数据绘制条形图
2020/03/25 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
python入门教程之基本算术运算符
2020/11/13 Python
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
给同事的道歉信
2014/01/11 职场文书
教师节促销活动方案
2014/02/14 职场文书
员工考核评语大全
2014/04/26 职场文书
妇女干部培训方案
2014/05/12 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
求职意向书
2014/07/29 职场文书
学生自我鉴定格式及范文
2014/09/16 职场文书
白鹤梁导游词
2015/02/06 职场文书
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python
Android实现图片九宫格
2022/06/28 Java/Android