微信小程序五子棋游戏的悔棋实现方法【附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在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
分享javascript实现的冒泡排序代码并优化
Jun 05 Javascript
任意Json转成无序列表的方法示例
Dec 09 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
javascript基础练习之翻转字符串与回文
Feb 20 Javascript
svg动画之动态描边效果
Feb 22 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
vue eslint简要配置教程详解
Jul 26 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 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
JAVA/JSP学习系列之七
2006/10/09 PHP
php结合飞信 免费天气预报短信
2009/05/07 PHP
destoon切换城市后实现logo旁边显示地区名称的方法
2014/08/21 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
Python中的面向对象编程详解(下)
2015/04/13 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
Python使用OpenCV进行标定
2018/05/08 Python
python检索特定内容的文本文件实例
2018/06/05 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
python中使用while循环的实例
2019/08/05 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
Python发送邮件实现基础解析
2020/08/14 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
介绍一下Make? 为什么使用make
2016/07/31 面试题
医学院学生求职简历的自我评价
2013/10/24 职场文书
员工工作表扬信范文
2014/01/13 职场文书
三方合作协议书范本
2014/04/18 职场文书
七夕情人节问候语
2015/11/11 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
Python各协议下socket黏包问题原理
2022/04/12 Python