仙剑棋婷:一款中国风五子棋小游戏

🎮 仙剑棋婷:一款中国风五子棋小游戏

当经典五子棋遇上可爱的AI角色”婷婷”,一场有趣的棋局就此展开。

前言

最近做了一个五子棋小游戏,取名叫「仙剑棋婷」。起因很简单——想做一个既好玩又有中国风味道的网页小游戏。于是就有了这个和AI角色”婷婷”对弈的五子棋游戏。

🎯 游戏简介

仙剑棋婷是一款基于网页的五子棋(Gomoku)游戏,你可以选择与AI角色”婷婷”进行人机对战,也可以通过互联网邀请好友一起下棋。

核心玩法:经典五子棋规则,黑白双方交替落子,先在横、竖、斜任意方向连成五子者获胜。你执黑子先行,婷婷执白子应战。

✨ 游戏亮点

🎭 可互动的AI角色——婷婷

游戏左侧有一个叫”婷婷”的角色,她不只是个装饰:

  • 落子时会说话:”轮到你了,请落子吧!”
  • 赢了会撒娇:”甘拜下风…这局是你赢了。”
  • 输了会得意:”哈哈,是我赢啦!承让承让~”
  • 点她还有彩蛋:试试点击她的头像,会有意想不到的对话哦!

🤖 三种AI难度

难度名称适合人群
新手婷婷学步刚接触五子棋的玩家
进阶小有所成有一定棋力的玩家
大师仙剑奇侠五子棋高手挑战

🌐 互联网联机对战

不想和AI玩?点击「互联网PK」按钮,生成一个链接发给好友,就能实时联机对战了!基于MQTT协议实现,延迟低,体验流畅。

⏱️ 计时功能

游戏内置双计时器:

  • 单回合计时:记录你每一步的思考时间
  • 总计时:记录整局游戏的总时长

↩️ 悔棋机制

每局游戏有 3次悔棋机会,手滑了也不怕!婷婷会大方地说:”好啦好啦,这步不算,重来吧~”

🛠️ 技术实现

作为一个纯前端项目,仙剑棋婷没有使用任何框架:

  • 棋盘绘制:HTML5 Canvas,15×15标准棋盘,带有落子预览和最后落子标记
  • AI算法:基于评分函数的搜索算法,不同难度对应不同搜索深度
  • 联机功能:MQTT协议实现实时通信,无需自建服务器
  • UI设计:纯CSS实现现代风格,响应式布局支持移动端

📸 游戏截图

游戏界面

🚀 如何开始

方式一:下载即玩(推荐)

  1. 前往 GitHub Releases 页面下载最新版本压缩包: 👉 点击下载 仙剑奇婷五子棋 v0.2.0
  2. 解压zip文件
  3. 双击打开 index.html 即可开始游戏!

方式二:克隆源码

git clone https://github.com/Pumatlarge/cuting-gumoku-game.git
cd cuting-gumoku-game
python -m http.server 8000
# 浏览器访问 http://localhost:8000

💡 一些设计思考

在设计这个游戏时,我特别注重以下几点:

  1. 角色情感化:婷婷不是一个冷冰冰的AI,她有自己的情绪——思考时会皱眉,输了会难过,赢了会开心。这让对弈变得更有趣。
  2. 极简操作:打开网页就能玩,不需要注册、不需要登录、不需要安装任何东西。
  3. 移动端适配:手机上也能流畅操作,等公交的时候来一局也不是不可以 😄

📌 项目链接


如果觉得有意思,欢迎在 GitHub 上给个 ⭐ Star 支持一下!