微信小程序五子棋游戏的悔棋实现方法【附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 each()小议
Mar 18 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 Javascript
Angular中$broadcast和$emit的使用方法详解
May 22 Javascript
JavaScript实现旋转轮播图
Aug 18 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 Javascript
JavaScript获取某一天所在的星期
Sep 05 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
php4的session功能评述(一)
2006/10/09 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
Laravel 5.3 学习笔记之 错误&日志
2016/08/28 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
javascript中call和apply方法浅谈
2013/09/27 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
Python多线程正确用法实例解析
2020/05/30 Python
Python如何输出百分比
2020/07/31 Python
Python实现微信表情包炸群功能
2021/01/28 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
物理学专业自荐信
2014/06/11 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
收款委托书
2014/10/14 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技