微信小程序五子棋游戏的悔棋实现方法【附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 相关文章推荐
express的中间件bodyParser详解
Dec 04 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
Angular8路由守卫原理和使用方法
Aug 29 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
Apr 27 Javascript
原生JavaScript实现随机点名表
Jan 14 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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
php adodb连接不同数据库
2009/03/19 PHP
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
php生成动态验证码gif图片
2015/10/19 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
详细总结Javascript中的焦点管理
2016/09/17 Javascript
javascript 闭包详解及简单实例应用
2016/12/31 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
python条件和循环的使用方法
2013/11/01 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
python数据归一化及三种方法详解
2019/08/06 Python
Python 绘制可视化折线图
2020/07/22 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
HTML5 3D衣服摇摆动画特效
2016/03/17 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
化工专业应届生求职信
2013/11/08 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
岗位明星事迹材料
2014/05/18 职场文书
生物技术专业求职信
2014/06/10 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
机械生产实习心得体会
2016/01/22 职场文书
mysql 获取相邻数据项
2022/05/11 MySQL