微信小程序五子棋游戏的悔棋实现方法【附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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
Nov 09 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
vue中改变选中当前项的显示隐藏或者状态的实现方法
Feb 08 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 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上传图片、删除图片简单实例
2016/11/12 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
自己的js工具_Form 封装
2009/08/21 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python中的取模运算方法
2018/11/10 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
英国Lookfantastic中文网站:护肤品美妆美发购物(英国直邮)
2020/04/27 全球购物
大学新生欢迎词
2014/01/10 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
合作协议书
2014/04/23 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
青春雷锋观后感
2015/06/10 职场文书
《绝招》教学反思
2016/02/20 职场文书
python实现MD5进行文件去重的示例代码
2021/07/09 Python