ui-hud · 冷镜 HUD 组件库
LUOBOE CITY NIGHT-OPS · PR-UI-10 · 卷六§26 ⇄ 卷七§37 合流
数据源 HH 产线视 1920×1080 基准
ACCENT
HUD-1 · TOKENS v0.1
萝卜城 · 炉火观象台
HH DATA SCREEN · SPACETIME OPS · 像素夜城 D
对外展示 · 脱敏 ON loop 12s · 幕 1/3 WS /screen/stream · 1s 心跳 20:41:07
HH SIX STATIONS
THROUGHPUT · 六站吞吐
24H OUTPUT RIVER · 时间轴(可回拨 7 日) 今日 ·
NOW 20:00 0012:0024
城市广播 ▸ HH-02 六卡并行 42% ▸ 《夜巡》E03 进入拆条 ▸ 今日一次通过率 94.6% ▸ 炉火正旺,城中无事故
缓存快照 · 20:41 · OFFLINE · 自动降级
组件标本库HUD SPECIMENS · H1–H13 · TOKENS --sbg / --glow / --sline / --sink
H1星图 · 参数化STARMAP
中心=发光核心(radialGradient)· ring1 六站 · ring2 卫星 · arc=二次贝塞尔 · 光点=animateMotion(RM/截图/动效关时自动门禁)· 换数据源只换 stations/core 参数,图自动重建。
--glow.stn / .stnring.arc.dot
H2产出河 · 可回拨OUTPUT RIVER
NOW
24h 产出折线(种子可复现,回拨 N 日重生成)· NOW 虚线锚点 · rewind 0–6 日=演练回放 · 面积填充 18% glow。
.rA / .rL.nowinput#rewind
H3KPI 脉冲KPI PULSE
128
94.6%
JetBrains Mono 大数 + 微发光 · 1s 心跳=随机 KPI 泛光一拍(RM 门禁)· 趋势 ▲/▼ 走 --h-run / --h-err · 单位 <u> 上 glow 色。
.skpi.pulse--h-run / --h-err
H4六站吞吐瀑布THROUGHPUT FALLS
拆条
合成
QC
in=进件(半透)· out=出件(实色发光)· blk=拦截(--h-err)· 幕二 hot 态=外发光 + 虚线框聚焦。
.mf .in/.out/.blk#fallsHost.hot
H5三幕轮播 · 光点聚散ACTS ROTATION
幕一城脉 · 星图流向(starmap)
幕二炉火 · 六站吞吐(falls hot)
幕三纪事 · 作品放映(poster wall)
12s 自动轮播 · 转场=光点聚散(24 点 burst · .7s ease-out)· shot/RM/断网时不自动轮播,幕按钮手动仍可。
#burstdata-actloop 12s
H6海报墙 · 纪事放映POSTER WALL
《夜巡》E035s
《萝卜火锅节》5s
《早市人间》5s
《盲盒新品》5s
过审成片 · 每条 5s 切片 · scan 光带 5s 循环 · 只显片名 + loop 角标(脱敏)· 幕三接管主视区左半。
.pwall / .pst.scan.loop
H7ticker 三变体TICKER ×3
城市广播 ▸ 今晚全城亮灯 96% ▸ 城门地滑请慢行 ▸ 茶馆 08:30 开门
HH-02 ▸ SIX-CARD PARALLEL 42% ▸ QUEUE 7 ▸ ETA 22:10
URGENT ▸ 审片塔拦截 1 条 · 原因=水印异常 ▸ 请相关同事 10 分钟内联系 RoboChecker
城市广播腔(city)/ 产线腔(mono 数据流)/ 紧急插播(--h-warn)· 大屏 ticker 底部一行不折行。
.ticker.warn
H8脱敏对照表MASKING
真名罗小排→ 工号 ▓▓▓▓
金额¥862→ ¥▓▓▓
联系方式13800001234→ 138****1234
内控号HH-02-0073→ 保留(非个人数据)
screen.public 只出非个人数据 · 脱敏 OFF 仅总管府可用 · KPI 中成本 / 值班人姓名随顶栏开关实时切换。
data-mask=on/off▓ 占位
H9告警 = 烟囱冒烟ALERT SMOKE
WARN · 拆条站水位 85% · 建议分流
ERR · 混音站心跳丢失 30s · 已派夜巡
卷六 §26.2 — 告警=烟囱冒烟(烟粒 2.4s 三发错拍)· warn / err 二级色(--h-warn / --h-err)· 大屏无声音,全靠颜色 + 烟柱。
.chimney .sm.alrt.w / .e
H104K 等比SCALE ×2
设计稿 1920×1080 → transform:scale(2) + width:50% + origin 0 0 → 3840×2160 无损等比,组件零二次适配;SVG 矢量 + mono 字体保证 4K 锐利。?shot 时自动隐顶栏全屏铺满。
data-scale=k4?shot&scale=k4截屏 6 验收
H11竖屏 9:16PORTRAIT
大堂立牌 1080×1920:grid 行重排(顶栏/星图/KPI 两列/河 + 幕/ticker)· 星图定高 420 · stageWrap max-width 560 居中加左右缝线。同一套组件,无第二份页面。
data-orient=portrait?shot&orient=portrait
H12fps 自测FPS SELF-TEST
— fps4K@60 验收:requestAnimationFrame 采样 1.2s
?fpstest 自动运行 · ≥50 判过(绿),低于判 warn(黄)· headless 实测见 dumps10/d-fps.html。
#fpsBox?fpstest
H13断网 · 缓存快照OFFLINE FALLBACK
缓存快照 · 20:41 · OFFLINE
WS 断 → stage 降饱和降亮(filter)+ 右上水印「缓存快照 · 自动降级」· 数据冻在最后心跳 · 恢复后自动回春 · 无人值守无需人工。
#stage.offline#wm
CT数据契约CONTRACT
GET /screen/snapshot · screen.public · 5s 缓存 WS /screen/stream · 1s 心跳 · 重连 ×3 → 快照降级 字段脱敏:姓名→工号 · 金额→▓ 无人值守:自动轮播 · 自动降级 · 自动回春