中国象棋 · Web(修复&增强 v3)

外部素材(推荐优先使用)

assets/ 目录中放置如下文件之一即可自动生效(支持扩展名:webp、png、jpg、jpeg、svg):

用途文件名(任选其一)建议尺寸说明
木纹棋盘wood.webp/png/jpg/jpeg/svg900×1000覆盖整个 SVG 视口;会替换默认矢量木纹
红棋大理石marble_red.webp/png/jpg/jpeg/svg64×64 或 128×128(平铺)开启后红棋圆面改用该纹理
黑棋大理石marble_black.webp/png/jpg/jpeg/svg64×64 或 128×128(平铺)开启后黑棋圆面改用该纹理
楚河汉界水纹water.webp/png/jpg/jpeg/svg900×100替换河道矩形填充

命名与尺寸对上即可自动启用;不需要改代码。

音效(可选)

放在 sounds/ 目录即可:select.mp3move.mp3capture.mp3check.mp3mate.mp3win_red.mp3win_black.mp3。你也可以提供 .ogg 备用,前端会优先使用 mp3 标签,但缺失时仍有蜂鸣兜底。

其他

  1. 坐标绘制位置见 game.js -> drawGrid()
  2. 贴图加载逻辑见 textures.js(自动探测扩展名)。
  3. 若以后你要锁定贴图而不自动检测,只需把 CSS 中的 body.has-* 规则改为常规选择器并去掉脚本即可。
  4. 游戏的音频文件放哪里?怎么命名?
  5. 按我们项目结构,音效都放在 /sounds/ 目录,文件名如下(已在 index.html 里
  6. sounds/select.mp3 —— 选中棋子
  7. sounds/move.mp3 —— 普通走子
  8. sounds/capture.mp3 —— 吃子
  9. sounds/check.mp3 —— 将军
  10. sounds/mate.mp3 —— 将死
  11. sounds/win_red.mp3 —— 红方胜利
  12. sounds/win_black.mp3 —— 黑方胜利
  13. 也可以同时放一份 .ogg(可选)当浏览器备用;若缺失或被策略拦截,我的代码会自动用不同频率蜂鸣兜底。