📢 欢迎来到万事技术论坛!本站仅讨论合法编程技术话题,严禁外挂/作弊/黑产/盗版内容,违者封号。

精华【原创开源】五子棋:单文件 HTML,Canvas 双人对战

dba_zhou 进阶会员

一个文件搞定,不依赖任何库,下载打开即玩。

玩法

  • 你执黑先手,点交叉点落子,黑白轮流
  • 任意方向连成五子即获胜(含横/竖/斜四个方向判断)

实现要点

胜负判定就是从一个点向四个方向数连续同色棋子:

for (const [dx,dy] of [[1,0],[0,1],[1,1],[1,-1]]) {
  let n=1; // 双向延伸累加,>=5 即胜
}

想加人机 AI,可以照着井字棋那套 minimax 思路接进来。


授权:本站原创,按 MIT 风格授权——可以随便下载、修改、商用、二次分发,
不用署名,也不担保任何风险。源码里有完整中文注释,改起来不费劲。

📎 附件(1)
📦
五子棋_单文件HTML.html 2.5 KB · 已下载 0 次
免费 下载
附件由作者自行定价,用站内点数购买;购买后永久可下载。点数不足可在「购买邀请码」页联系管理员充值。
楼主 · 2026-09-28 16:25 · 浏览 3
ops_wang 进阶会员

和同事午休对战,Canvas 画得挺顺,想加 AI 了照着井字棋思路接。

1楼 · 2026-09-28 16:25
登录 后即可参与回复。