微信小程序五子棋游戏的悔棋实现方法【附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. 重点是重绘棋盘，导致棋盘有一点闪动，未找到原因，哪位大神知道，帮忙解决一下
希望本文所述对大家微信小程序开发有所帮助。
相关文章
javascript 动态改变层的Z-INDEX的代码style.zIndex
javascript 动态改变层的Z-INDEX的代码style.zIndex...2007-08-08
这篇文章主要介绍了JS实现的多张图片轮流播放幻灯片效果,实例分析了js图片轮播插件的实现代码与具体使用方法,需要的朋友可以参考下2016-07-07
符号转意，大家或许有所了解，知识在使用中或许不是那么的在意，其实这个问题很重要，下面为大家讲解下js符号转意问题相关知识，感兴趣的朋友可以参考下2013-08-08
在 javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较2010-04-04
这篇文章主要介绍了js replace 全局替换的操作方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了小程序图片长按识别功能的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家介绍了Cropper.js进阶之裁剪后保存至服务器实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要为大家详细介绍了基于canvas实现超炫酷的流水灯效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介绍了Uni-app返回上一页面并携带参数的实现方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了javascript执行上下文、变量对象,结合实例形式分析了javascript执行上下文、变量对象相关概念、原理、用法与操作注意事项,需要的朋友可以参考下2020-04-04
最新评论