摘要

Simulator 有一个网页版可玩界面，用来试玩和测试 AI。用户希望它更像真实游戏。本轮只改展示层：会话接口、存档格式、规则和 Perception 都不变，所有行动仍由服务器的合法动作授权，浏览器不计算规则。参考的是已整理的实机截图（战斗、魔法书、生物信息、布阵四类画面）。

最重要的一处不是外观，而是几何：原来的平顶六角格把左右相邻画成了上下相邻。改为尖顶后，前端每格六条边的邻格与 Simulator 的邻格计算完全一致。

改动

  • 六角格几何：Simulator 是偶数行偏移的棋盘，邻格为东、西、西北、东北、西南、东南。改为尖顶格，行距为格高的 3/4。
  • 地面网格：一个不接收点击的图层画出淡色网格线、可走区域的绿色外轮廓和当前行动单位的绿框，对应实机的绿色描边。
  • 棋盘与单位：按地貌叠加色调，障碍画成岩石；单位加阵营色底座和圆形头像，数量牌上方有顶层生物血条。
  • 顶部与底栏：行动顺序卡、菱形回合徽记、圆形英雄头像和蓝色魔法胶囊；底栏显示当前单位“顶层生命 / 单体上限”。
  • 魔法书：羊皮纸双页，圆形法术图标带费用、自然阶级和熟练度，学派筛选为书签样式。
  • 兵种详情：新增一行核心属性（生命、攻、防、伤害、士气、幸运、速度、主动），攻防用当前有效值。
  • 布阵：玩家为红方时工具面板移到左侧，不再遮挡己方部队。
  • 同日追加：悬停可攻击敌人时浮出“伤害区间 / 反击区间或无反击”，数字全部来自服务器的攻击预览；桌面宽度下兵种详情改为居中卡片。

验证

  • 新增几何测试：每格六个邻格过滤后与 Simulator 完全一致；三种视口下每对相邻格共享边，误差不超过放大量的 1%；区域外轮廓只保留外缘（单格 6 条边、相邻两格 10 条）。
  • 变异检查：故意把奇偶行偏移写反，4 项测试失败，说明测试真的能抓到这种错误；之后按字节恢复源码。
  • 引用前端静态文件的 38 个 Arena 测试文件：改前 678 通过，改后 683 通过（新增 5 项）。
  • 浏览器在桌面 1600×900、1100×620 和手机 375×812 下检查战斗画面、悬停高亮、点击移动、AI 施法后的数量与血条更新、魔法书、兵种详情和红方布阵；点击判定与邻接一致；控制台无错误。预览使用独立端口和独立存档目录，没有碰用户平时的服务。
  • Arena 全套 6 进程：2521 通过、0 失败、0 跳过，用时 533 秒。

局限

  • 没有 3D 模型和动画，单位仍是头像；实机的回合计时器、英雄立绘动作和魔法书学派书签页未做。
  • 手机竖屏的格子会被拉高。
  • 外观只凭截图目测对照，没有逐像素比对；界面可用性仍需用户实际试玩验收。