明日方舟素材均衡规划器

起因#

明日方舟不缺「指定材料 → 刷哪关」的计算器，但几乎没有工具回答一个更前置的问题：我现在整体最缺什么？

大多数计算器的思路是「目标驱动」——先选一个想合成的材料，再反推最优刷图路线。但对于已经有一定库存的老玩家，真正的痛点往往不是「某一种材料去哪刷」，而是「仓库整体失衡了，不知道该先补哪一块」。

这个工具换了一个切入点：把仓库里所有素材统一折算到一个可比较的口径，然后直接告诉你缺口最大的蓝材是什么。

核心思路#

整个计算流程可以概括为三步：

1. 折算：将所有品质的素材按权重折算为蓝色素材等价物
2. 排序：按缺口量从大到小排列，找出仓库最失衡的方向
3. 决策：玩家根据排序结果决定接下来优先刷什么

这种「先看全局再定目标」的思路，更适合已经有一定库存积累、不想每次都先指定目标材料的玩家。

功能#

本地运行#

确保本地已安装 Node.js 18+ 和 npm，然后执行：

1
# macOS / Linux
2
./start.sh
3

4
# Windows CMD
5
start.bat
6

7
# Windows PowerShell
8
.\start.ps1

首次启动会自动安装前端依赖并打开本地页面。

手动启动：

1
cd frontend
2
npm ci
3
npm run start

部署#

仓库已包含 GitHub Actions 工作流，推送到 main 分支后自动部署到 GitHub Pages：

1. 将仓库推到 GitHub
2. 进入 Settings → Pages
3. Source 选择 GitHub Actions
4. 推送后自动构建部署

技术细节#

• 纯静态页面，无后端依赖，所有计算在浏览器端完成
• Liquid Glass 视觉风格
• 只关注素材，不处理芯片、经验书、龙门币等其他物品
• 所有品质素材统一折算到蓝材口径进行比较