演示地址：五子棋 · 宽格版
🎮 核心功能
双模式：支持人机对战（PVE）和人人对战（PVP）
三种难度：简单（基础评分）、中等（攻防平衡）、困难（偏重防守）
悔棋功能：可回退上一步落子
保存/加载棋谱：支持将棋局保存为 JSON 文件，并加载复盘
🎨 视觉与交互
宽格棋盘：单元格尺寸较大（46px），边缘留出约两子宽度，视觉更舒展
棋盘自动居中：在 900×900 画布内计算边距，适配不同屏幕
坐标显示：可切换显示行列坐标（数字 + 字母）
胜利特效：棋盘变灰，提示胜利方
玻璃质感控制面板：左右两侧毛玻璃效果按钮，带有方形图标和按压动画
♟️ AI 策略
简单难度：基于周围棋子数量的简单评分
中等/困难：评估进攻（己方）与防守（对方）的活棋价值，使用加权评分
方向评估：对四个方向（横、竖、两斜）的连子长度及开放性进行打分
🔁 复盘系统
加载棋谱后进入复盘模式，可逐步前进/后退
不影响当前游戏状态，退出后恢复新局
🧩 实现细节
纯原生 HTML/CSS/JS，无外部依赖
使用
canvas绘制棋盘与棋子响应式布局，支持移动端适配（面板可换行）
状态管理清晰（
Game类封装棋盘、历史、胜负、AI 等）
💡 适用场景
学习前端游戏开发
作为五子棋基础模板扩展
用于本地双人对弈或与简单 AI 娱乐