微信小程序五子棋游戏的悔棋实现方法【附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 select的操作实现代码
May 06 Javascript
利用location.hash实现跨域iframe自适应
May 04 Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 Javascript
node.js中使用socket.io制作命名空间
Dec 15 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
Bootstrap基本插件学习笔记之折叠(22)
Dec 08 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 Javascript
JS数组去重详情
Nov 07 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
example2.php
2006/10/09 PHP
介绍php设计模式中的工厂模式
2008/06/12 PHP
Cakephp 执行主要流程
2010/03/24 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
PHP webshell检查工具 python实现代码
2009/09/15 Python
python根据路径导入模块的方法
2014/09/30 Python
python计算两个地址之间的距离方法
2018/06/09 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
欧缇丽美国官网:Caudalie美国
2016/12/31 全球购物
学习保证书范文
2014/04/30 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
企业贷款委托书格式
2014/09/12 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
邀请函模板
2015/02/02 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
手把手教你导入Go语言第三方库
2021/08/04 Golang