前言

之前我发布过一次五子棋，但是当时不支持禁手。

最近，我终于开发完了禁手逻辑，并且在联机对战中正式上线禁手功能！

开发过程中产出的技术文章如下，欢迎关注专栏《教你做小游戏》，欢迎关注我HullQin，你的支持是我开发免费工具的最大动力！

• 《用177行代码写个体验超好的五子棋》
• 《用86行代码写一个联机五子棋WebSocket后端》
• 《五子棋怎么存棋局信息？》
• 《五子棋怎么判断输赢？你能5分钟交出代码吗？》
• 《我做的联机五子棋是如何追求极致用户体验的？（上）》
• 《我做的联机五子棋是如何追求极致用户体验的？（下）》
• 《如何开发实现: 判断 五子棋 长连禁手》
• 《如何开发实现: 判断 五子棋 四四禁手》
• 《手写 五子棋 三三禁手 判断 有多难？还得递归！》

功能介绍

本地对战

游戏支持本地对战（五子棋的单机版本），两个人操控同一部手机，轮流下棋。

特性：可以双方协商悔棋；可以随时开启禁手；落子后有标记。

• 中间有「悔棋」按钮，点击后立马悔棋。
• 右上角有「开启禁手」按钮，点击后，会检测当前黑色落子是否为禁手。
• 下棋后，落子的位置有红色标记。

联机对战

我开发的一系列「线下聚会游戏」，主打联机对战功能，这当然是最实用的功能啦！

双方进入同一个房间后，即可开始对局！

房间规则介绍

• 第一个进去房间的，变成房主，头像上有钥匙。
• 房间满人后，房主负责按「开始游戏」，并且房主成为黑色棋子。
• 房间满人后，后续进房间的玩家，就是观战者。
• 若头像框是黄色，表明你是这个玩家；若头像都不是黄色边框，那么你是观战者。

对战规则介绍

• 游戏开局后，玩家头像下方有个「黑」或「白」，表明该玩家的棋子颜色。
• 黑色棋手在下棋前，可以选择「开启禁手」或者「关闭禁手」。如果「开启禁手」，则出现文字提示【有禁手】。下棋后，该选项不再出现。
• 轮到你下棋时，点击一次棋盘的格点，即可下棋。
• 如果下错了，你可以在对方下棋前点「悔棋」，只要对方「同意悔棋」，你就可以重新下棋。
• 任何时候，你都可以「认输」，游戏直接结束。
• 如果开启了禁手，黑棋不小心下到了禁手点，白棋可以点「指认禁手 直接获胜」，也可以白方继续下棋，忽略此禁手。此外，也可以黑方提出悔棋。（白棋的指认界面，见文章头图）
• 任何时候，你都可以「单机演练」，下一段讲解。

单机演练功能

在联机对战的时候，我经常想：「倘若下这里，能不能直接赢？」但是自己脑容量有限，非常想在棋盘上摆弄两下再观察棋局。

别怕，我已经提供了「单机演练」功能！点击右上角按钮，自动转为本地对战模式！当前棋盘会复制过来！

在「单机演练」模式下，你可以随意下棋、悔棋，直到找到你的「最优解」！再「返回房间」，去赢得比赛！

分享棋局

在「本地对战」模式或者「单机演练」模式下，你的URL里保存了当前棋盘的所有信息，包括：

• 当前各个棋子位置；
• 双方落子顺序；
• 是否开启禁手。

只要你分享这个URL给好友，或者保存下这个URL，那么你就保存了这个「棋局」，以后可以复盘，或者分享残局给好友！

如何保存？

例如这个链接：

https://game.hullqin.cn/wzq/?p=21203111415032224262526172142375530e33&b=

我是保存在URL参数中，有2个参数：p和b：

• 包含b，表明有禁手，不包含b，表明无禁手。（是ban的首字母）
• p就是15进制组成的数组，每一项都是00-ee，因为五子棋棋盘是15行15列，所以可以用15进制表明哪行哪列。（是pieces的首字母）

体验地址

欢迎来玩！我承诺：没有广告！没有任务！没有收费！ 我致力于给玩家提供最纯粹、最简洁、最流畅的游戏体验！只希望你分享给大家，让更多的人知道它！感谢支持！

game.hullqin.cn/wzq

写在最后

我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，联系我，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋、象棋等游戏，不收费无广告。还独立开发了《合成大西瓜重制版》。还开发了《Dice Crush》参加Game Jam 2022。喜欢可以关注我噢～我有空了会分享做游戏的相关技术，会在这2个专栏里分享：《教你做小游戏》、《极致用户体验》。