微信小程序五子棋游戏的悔棋实现方法【附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 相关文章推荐
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
对angularJs中自定义指令replace的属性详解
Oct 09 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
JS如何把字符串转换成json
Feb 21 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
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
php最简单的删除目录与文件实现方法
2014/11/28 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
javascript string字符串优化问题
2011/07/31 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
vue项目,代码提交至码云,iconfont的用法说明
2020/07/30 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
python里对list中的整数求平均并排序
2014/09/12 Python
python实现比较两段文本不同之处的方法
2015/05/30 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
青年标兵事迹材料
2014/08/16 职场文书
2015年档案室工作总结
2015/05/23 职场文书
2016年情人节问候语
2015/11/11 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python