微信小程序五子棋游戏的悔棋实现方法【附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 相关文章推荐
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
微信小程序 教程之wxapp 视图容器 view
Oct 19 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 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的FTP学习(二)[转自奥索]
2006/10/09 PHP
phpinfo 系统查看参数函数代码
2009/06/05 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
php获取远程文件内容的函数
2015/11/02 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
JavaScript制作简易的微信打飞机
2015/03/31 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
淘宝店铺营销方案
2014/02/13 职场文书
模特职业生涯规划范文
2014/02/26 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
雷锋的故事观后感
2015/06/10 职场文书
养成教育工作总结
2015/08/13 职场文书
2019个人半年工作总结
2019/06/21 职场文书
MySQL transaction事务安全示例讲解
2022/06/21 MySQL