微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
更新时间：2019年02月20日 11:50:48 作者：Rattenking
这篇文章主要介绍了微信小程序五子棋游戏的悔棋实现方法,结合实例形式分析了微信小程序中悔棋的原理与相关实现技巧,并附带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. 重点是重绘棋盘，导致棋盘有一点闪动，未找到原因，哪位大神知道，帮忙解决一下
希望本文所述对大家微信小程序开发有所帮助。
相关文章
这篇文章主要介绍了微信小程序按顺序同步执行的两种方式,本文通过实例代码给大家讲解，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-12-12
这篇文章主要介绍了JS代码实现图片自动播放并可控的效果,需要的朋友可以参考下2015-07-07
本文主要介绍了uniapp实现app热更新的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要介绍了JavaScript遍历DOM元素的常见方式,涉及javascript中firstChild、lastChild、firstElementChild、nextElementSibling等函数遍历dom元素相关使用技巧,需要的朋友可以参考下2019-02-02
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
这篇文章主要介绍了使用ef6创建oracle数据库的实体模型遇到的问题及解决方案,需要的朋友可以参考下2017-11-11
这篇文章主要为大家详细介绍了微信小程序实现监听页面滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
javascript实现unicode与ASCII相互转换的方法
这篇文章主要介绍了javascript实现unicode与ASCII相互转换的方法,涉及JavaScript字符串的遍历、正则匹配及编码转换相关技巧,需要的朋友可以参考下2015-12-12
微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。这篇文章主要介绍了在小程序开发中使用npm的方法，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要为大家详细介绍了JavaScript变量作用域，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要为大家详细介绍了js实现贪吃蛇游戏，canvas绘制地图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
最新评论