微信小程序五子棋游戏的悔棋实现方法【附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类中获取外部函数名的方法与代码
Sep 12 Javascript
js最简单的拖拽效果实现代码
Sep 24 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
JavaScript window.location对象
Nov 14 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
详解jQuery事件
Jan 13 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 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计算到指定日期还有多少天的方法
2015/04/14 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
简单的js计算器实现
2016/10/26 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
jQuery实现本地存储
2020/12/22 jQuery
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
tornado框架blog模块分析与使用
2013/11/21 Python
使用python3.5仿微软记事本notepad
2016/06/15 Python
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
西安当代医院管理研究院笔试题
2015/12/11 面试题
名人演讲稿范文
2013/12/28 职场文书
投标承诺书怎么写
2014/05/24 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
销售人才自我评价范文
2014/09/27 职场文书
2014年护士长工作总结
2014/11/11 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书