微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
程序员文章站
2023-11-12 11:33:22
本文实例讲述了微信小程序五子棋游戏的悔棋实现方法。分享给大家供大家参考,具体如下:
demo下载
五子棋悔棋demo
效果图
分析
悔棋功能需要的操作:
1...
本文实例讲述了微信小程序五子棋游戏的悔棋实现方法。分享给大家供大家参考,具体如下:
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. 重点是重绘棋盘,导致棋盘有一点闪动,未找到原因,哪位大神知道,帮忙解决一下
希望本文所述对大家微信小程序开发有所帮助。
推荐阅读
-
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
-
微信小程序五子棋游戏AI实现方法【附demo源码下载】
-
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
-
微信小程序实现的贪吃蛇游戏【附源码下载】
-
微信小程序获取手机系统信息的方法【附源码下载】
-
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
-
微信小程序实现的涂鸦功能示例【附源码下载】
-
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
-
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
-
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】