• 演示地址：五子棋 · 宽格版

🎮 核心功能

• 双模式：支持人机对战（PVE）和人人对战（PVP）

• 三种难度：简单（基础评分）、中等（攻防平衡）、困难（偏重防守）

• 悔棋功能：可回退上一步落子

• 保存/加载棋谱：支持将棋局保存为 JSON 文件，并加载复盘

🎨 视觉与交互

• 宽格棋盘：单元格尺寸较大（46px），边缘留出约两子宽度，视觉更舒展

• 棋盘自动居中：在 900×900 画布内计算边距，适配不同屏幕

• 坐标显示：可切换显示行列坐标（数字 + 字母）

• 胜利特效：棋盘变灰，提示胜利方

• 玻璃质感控制面板：左右两侧毛玻璃效果按钮，带有方形图标和按压动画

♟️ AI 策略

• 简单难度：基于周围棋子数量的简单评分

• 中等/困难：评估进攻（己方）与防守（对方）的活棋价值，使用加权评分

• 方向评估：对四个方向（横、竖、两斜）的连子长度及开放性进行打分

🔁 复盘系统

• 加载棋谱后进入复盘模式，可逐步前进/后退

• 不影响当前游戏状态，退出后恢复新局

🧩 实现细节

• 纯原生 HTML/CSS/JS，无外部依赖

• 使用 canvas 绘制棋盘与棋子

• 响应式布局，支持移动端适配（面板可换行）

• 状态管理清晰（Game 类封装棋盘、历史、胜负、AI 等）

💡 适用场景

• 学习前端游戏开发

• 作为五子棋基础模板扩展

• 用于本地双人对弈或与简单 AI 娱乐

演示地址：五子棋 · 宽格版