SYNTH · USB MCU DISPLAY

SYNTH USB 状态屏模拟器 320 × 170 px

上位机一次性下放配置 + 实时状态报文局部更新。动画素材离线预处理到原生尺寸(cell 118×128),进度条由 MCU 程序化绘制(fillRect 阈值单色,0 图素),APP 图标 16×16。

实时状态报文 ● PARSED
每行一条 KEY: VALUE,即改即显(局部更新)。支持键:APP / STATUS / SESSION / TOKEN / 5H_PCT / WEEK_PCT / 5H_RESET(HH:MM:SS 倒计时,屏上显示折算后的 MM-DD HH:MM) / WEEK_RESET,未知键忽略。
STATUS 六态:IDLE / WORKING / COMPLETE / APPROVAL / ERROR / UNASSIGNED(兼容别名 BUSY→WORKING、DONE→COMPLETE)。
状态快切 / STATUS
动画映射(cell 118×128 · 行 0–8)
预处理表:synth-fit128.webp(944×1152,8 列 × 9 行,cell 118×128)。每个原始 192×208 cell 已离线等比缩放为 118×128;Web 直接读取预处理 cell 并在 128×128 容器内原生居中绘制,不运行时缩放、不读取原始精灵表。
素材下载(仅预处理产物 · hover 预览)
动画 · 预处理 cell 118×128 / 容器 128×128 · PNG(透明)+ JPG(黑底)
进度条 · MCU fillRect 程序化绘制,无位图素材(0 图素,仅 4 个颜色常量)· 渲染:轨道 fillRect + 填充 fillRect(阈值单色)
APP 图标 · 16×16
原始素材(sprite.webp / pet.json / codex.png / claude.png)不上屏、不出货,仅作为预处理输入保留。
ZOOM 320×170 · 1× 显示
逻辑分辨率恒为 320×170;画布按 devicePixelRatio 超采样渲染,文字矢量清晰,素材像素最近邻直贴(1 素材像素 = 整数个物理像素)。
UI 规范 / SPEC

硬件

屏幕320 × 170 px(逻辑 1px = 1 物理像素)
背景色#000000 · 固定不可调
结构圆角大屏(r10)· 宠物无容器直接呈现(黑底无接缝)

布局(px)

宠物无容器 · 精灵透明已合成黑底 · 直接绘制在屏体 · (0,24) 128×128
信息区x 178–320(宽 142)· 与宠物容器同带居中
headery 20–36 · 图标 16×16 + APP 名 · 状态贴右 · token 基线 y50
session仅值 · 基线 y66 · 11px · 超长 truncate
quota 5h / 1w标签基线 82 / 128 · 条 y88 / 134 · 12px 高 · reset 基线 112 / 158(条下方右对齐)

精灵图(动画)

文件synth-fit128.png(透明)/ .jpg(黑底)
整表944 × 1152(8 列 × 9 行)
cell118 × 128(Web / MCU 最终预处理尺寸)
预处理192×208 × 0.6154 → 118×128
显示128×128 容器内 x=5 原生绘制,无运行时缩放/裁剪
行帧数6 / 8 / 8 / 4 / 5 / 8 / 6 / 6 / 6
jpg 格式RGB 8bit · 无 alpha · 透明合成 #000 · JPEG q90

进度条

素材无(MCU 程序化绘制,0 图素 Flash)
底槽fillRect · #1B2020 · 142×12
填充fillRect · 142·pct% 宽 · 阈值单色
语义横轴=余量:<20% 红 / 20–60% 橙 / >60% 绿(柔和色)
渲染两次 fillRect(轨道整条 + 填充裁宽),% 余量文字随色

APP 图标

尺寸16 × 16(原生直贴)
已有app-codex-16 / app-claude-16
回退无图标时显示 APP 文字

状态(六态)

报文键

配置APP /(动画映射表)
实时STATUS / SESSION / TOKEN / 5H_PCT / WEEK_PCT / 5H_RESET / WEEK_RESET