// 阶段图 (PhaseDiagram, 路口方块组件) 几何参数 // // 调整任何值后, 所有路口方块组件的渲染会同步变化。 // 单位: 30 × 30 路口方块坐标系下的"单位" (30 = 100%) // // 调参建议: // - 想 icon 更大 → ICON_MAIN_SIZE + // - 想中央编号更宽 → CENTER_RESERVED + // - 想 icon 更靠中央 → PAD_FACTOR + // - 想直行更高 → ENABLE_STRAIGHT_SHRINK = false export const PHASE_DIAGRAM_LAYOUT = { // ─── 容器几何 ─── HALF_BLOCK: 15, // 半区大小 (固定, 与 30×30 路口方块对应) CENTER_RESERVED: 1, // 中央编号留白 (半边距) → 中央总宽 2 单位 // ─── icon 基础尺寸 ─── ICON_MAIN_SIZE: 12, // 每个 icon 主轴尺寸 (× sizeScale) // 1 icon 时主轴 = 12×0.55 = 6.6 单位 (pct 22%) // 3 icon 时受 EFFECTIVE_HALF=14 限制 compress 到 pct 14.3% ICON_GAP: 0.5, // icon 之间的间距 // ─── 排列 ─── PAD_FACTOR: 0.5, // 起始偏移系数 (× POS_MAP.padX × padScale) // ─── 直行 icon 视觉调整 ─── // STRAIGHT 原始 baseH/baseW ≈ 2.95 偏瘦高, 会显得比 TURN 大 // 启用后整体缩 sf = TURN_RATIO / 原比例, 让副轴与 TURN 对齐 ENABLE_STRAIGHT_SHRINK: true, TURN_RATIO: 1.64, };