Scanline HUD条 — 生命、法力与耐力

200x20的条，划分为二十四格，是目录里最细的。声呐或扫描仪的读数是一次测量，而测量要的是分辨率而不是戏剧性。

框是端头4 px的nine-slice，因此拉到任何宽度两端都不会变形——一条通屏的首领血条和一条40 px的敌人名牌条用的是同一个文件。

填充是独立的精灵图而不是烤进框里的，而在实际使用中要紧的正是这一点：你把填充宽度从零推到满，框一动不动。每个填充都是一层中间穿着明亮内核的空壳，因此底座的颜色从边缘之间透出来，条读起来是被容纳的能量而不是一块涂料。

颜色共三种，每种资源一种：生命、法力与耐力。它们不仅在色相上、也在明度上拉开距离，而这正是能挺过灰度截图和最常见色觉差异的部分。一组调到相同明度的颜色在色卡里看着齐整，到了屏幕上却会塌成一块灰。

分段变体在同一个框上加了23条刻痕线，面向计数离散单位的游戏——生命格、充能、弹药——而不是连续百分比。它是独立文件而非叠加层，因此不用改动你的进度条组件就能替换。

三种框型覆盖了进度条实际出现的位置：标准条、用于敌人名牌的细窄条，以及竖条——因为法力竖条不是把生命条转过来：旋转九宫格会让端头沿错误的轴被拉伸。每种框型都有自己的三种填充。

两种叠加填充负责单条自己表达不了的状态。残影填充是空心虚线，标出刚刚失去的那一段，于是一次受击读作变化而不是一个新数字。护盾填充用排线而不是着色，因为吸收层压在资源条上方，在那里用第二种颜色会和底下的颜色打架。全部以可编辑SVG和1x、2x、4x的平面透明PNG提供。

知识共享 署名 4.0 — 商业用途也免费。需要署名。 完整条款 · 实际是什么意思