中国象棋：浏览器本地人机对弈游戏

中国象棋是什么

中国象棋是一款在浏览器中直接运行的纯前端人机对弈游戏，无需安装、无需后端，打开网页即可与电脑 AI 对弈。游戏完整实现象棋规则，棋盘采用 HTML5 Canvas 绘制木质风格界面，支持桌面与移动端触屏操作。

核心功能

  • 人机对弈：玩家可选择执红先行或执黑后手，AI 即时应招。
  • 三档 AI 难度：入门、业余、高手，对应搜索深度 2 / 3 / 4 层。
  • Minimax + Alpha-Beta 引擎：AI 基于 Minimax 搜索与 Alpha-Beta 剪枝，结合棋子价值与位置评估表决策。
  • 完整规则判定：马蹩腿、象塞眼、炮隔子吃、兵卒过河、九宫限制、将帅照面（飞将）等规则全部实现。
  • 终局判定：自动识别将军、将死与困毙（无棋可走），并弹出结算提示。
  • 走法提示：点选棋子后高亮显示所有合法落点，可吃子目标以红圈标出。
  • 中文棋谱：自动以「炮二平五」式中文记谱法记录双方着法，吃子附带标注。
  • 悔棋 / 认输 / 提示：支持悔棋（回退一回合两步）、一键认输，以及让 AI 推荐当前最佳走法。
  • 对局信息：实时显示当前回合、双方用时与总步数。
  • 本地音效合成：使用 Web Audio API 实时合成走子与吃子音效，可随时开关。
  • 响应式布局：桌面端棋盘居中、左右信息栏；窄屏自动堆叠，手机触屏也能流畅对弈。

使用方式

  1. 打开 中国象棋。
  2. 在「设置」中选择执子方（执红先行 / 执黑后手）与 AI 难度。
  3. 点击己方棋子查看合法走法，再点击目标位置落子。
  4. 需要时使用「悔棋」「提示」按钮，或对局结束后点击「再来一局」。

浏览器兼容性

本工具依赖 HTML5 Canvas 与 Web Audio API，建议使用 Safari、Chrome、Edge 等现代浏览器。首次走子后才会解锁音频上下文以播放音效。

技术栈

  • HTML + CSS + JavaScript
  • HTML5 Canvas（棋盘与棋子渲染）
  • Minimax + Alpha-Beta 剪枝（AI 搜索引擎）
  • Web Audio API（本地音效合成）
  • 无后端、无依赖、纯静态页面

相关文章