1.项目介绍
本阶段项目实现了一个五子棋游戏应用,可以进行简单的五子棋游戏。
2.代码分析
2.1 代码解读1
// 遍历sortarr数组,检查是否有五子连珠的情况
for (let i = 0; i < this.sortarr.length - 4; i++) {
// 获取五个相邻棋子的横纵坐标
let item1 = this.sortarr[i];
let item2 = this.sortarr[i + 1];
let item3 = this.sortarr[i + 2];
let item4 = this.sortarr[i + 3];
let item5 = this.sortarr[i + 4];
let x1 = item1['x'];
let x2 = item2['x'];
let x3 = item3['x'];
let x4 = item4['x'];
let x5 = item5['x'];
let y1 = item1['y'];
let y2 = item2['y'];
let y3 = item3['y'];
let y4 = item4['y'];
let y5 = item5['y'];
具体来说,它在数组中遍历,并获取每一组连续五个棋子的坐标(横坐标和纵坐标),为后续的连珠判断做准备。
2.2 代码解读2
// 判断是否存在五子连珠的情况
if (x2 - x1 == x3 - x2 && x4 - x3 == x2 - x1 && x5 - x4 == x2 - x1 && x2 - x1 < 2) {
if (y2 - y1 == y3 - y2 && y4 - y3 == y2 - y1 && y5 - y4 == y2 - y1 && y2 - y1 < 2 && y2 - y1 > -2) {
if (isBlack) { // 如果是黑棋连成五子
prompt.showToast({ // 弹出提示框,显示黑棋胜利
message: "黑棋赢了",
duration: 2000,
});
} else { // 如果是白棋连成五子
prompt.showToast({ // 弹出提示框,显示白棋胜利
message: "白棋赢了",
duration: 2000,
});
}
setTimeout(() => { // 延迟两秒后执行
prompt.showToast({ // 弹出提示框,显示游戏结束
message: "游戏结束,不能继续游戏",
duration: 2000,
});
this.gameOver = true; // 将游戏结束状态设置为true
}, 2000);
return true; // 返回true表示胜利
}
}
}
return false; // 没有胜利条件返回false
}
这段代码的主要目的是判断棋盘上是否存在五子连珠的情况,并在发现五子连珠时显示相关提示消息以宣布游戏结束。具体来说,它检查指定棋子排列是否满足五子连珠的条件,并根据结果弹出相应的提示框。