🎮 仙剑棋婷:一款中国风五子棋小游戏
当经典五子棋遇上可爱的AI角色”婷婷”,一场有趣的棋局就此展开。
前言
最近做了一个五子棋小游戏,取名叫「仙剑棋婷」。起因很简单——想做一个既好玩又有中国风味道的网页小游戏。于是就有了这个和AI角色”婷婷”对弈的五子棋游戏。
🎯 游戏简介
仙剑棋婷是一款基于网页的五子棋(Gomoku)游戏,你可以选择与AI角色”婷婷”进行人机对战,也可以通过互联网邀请好友一起下棋。
核心玩法:经典五子棋规则,黑白双方交替落子,先在横、竖、斜任意方向连成五子者获胜。你执黑子先行,婷婷执白子应战。
✨ 游戏亮点
🎭 可互动的AI角色——婷婷
游戏左侧有一个叫”婷婷”的角色,她不只是个装饰:
- 落子时会说话:”轮到你了,请落子吧!”
- 赢了会撒娇:”甘拜下风…这局是你赢了。”
- 输了会得意:”哈哈,是我赢啦!承让承让~”
- 点她还有彩蛋:试试点击她的头像,会有意想不到的对话哦!
🤖 三种AI难度
| 难度 | 名称 | 适合人群 |
|---|---|---|
| 新手 | 婷婷学步 | 刚接触五子棋的玩家 |
| 进阶 | 小有所成 | 有一定棋力的玩家 |
| 大师 | 仙剑奇侠 | 五子棋高手挑战 |
🌐 互联网联机对战
不想和AI玩?点击「互联网PK」按钮,生成一个链接发给好友,就能实时联机对战了!基于MQTT协议实现,延迟低,体验流畅。
⏱️ 计时功能
游戏内置双计时器:
- 单回合计时:记录你每一步的思考时间
- 总计时:记录整局游戏的总时长
↩️ 悔棋机制
每局游戏有 3次悔棋机会,手滑了也不怕!婷婷会大方地说:”好啦好啦,这步不算,重来吧~”
🛠️ 技术实现
作为一个纯前端项目,仙剑棋婷没有使用任何框架:
- 棋盘绘制:HTML5 Canvas,15×15标准棋盘,带有落子预览和最后落子标记
- AI算法:基于评分函数的搜索算法,不同难度对应不同搜索深度
- 联机功能:MQTT协议实现实时通信,无需自建服务器
- UI设计:纯CSS实现现代风格,响应式布局支持移动端
📸 游戏截图

🚀 如何开始
方式一:下载即玩(推荐)
- 前往 GitHub Releases 页面下载最新版本压缩包: 👉 点击下载 仙剑奇婷五子棋 v0.2.0
- 解压zip文件
- 双击打开
index.html即可开始游戏!
方式二:克隆源码
git clone https://github.com/Pumatlarge/cuting-gumoku-game.git cd cuting-gumoku-game python -m http.server 8000 # 浏览器访问 http://localhost:8000
💡 一些设计思考
在设计这个游戏时,我特别注重以下几点:
- 角色情感化:婷婷不是一个冷冰冰的AI,她有自己的情绪——思考时会皱眉,输了会难过,赢了会开心。这让对弈变得更有趣。
- 极简操作:打开网页就能玩,不需要注册、不需要登录、不需要安装任何东西。
- 移动端适配:手机上也能流畅操作,等公交的时候来一局也不是不可以 😄
📌 项目链接
- GitHub仓库:https://github.com/Pumatlarge/cuting-gumoku-game
- 下载最新版本:Releases
如果觉得有意思,欢迎在 GitHub 上给个 ⭐ Star 支持一下!
