joywayerandClaude Opus 5
35ee85e1d6
方案作废并纠正认知：多帧图片精灵【不是】只能显示一位数——SpriteManager 第 1154 行 早有 setNumberImage(spriteId, text, charWidth)：把整串文本设给一个多帧图片精灵， 引擎按字符逐帧渲染，精灵宽度按「字符数 × charWidth」自动调整。bc75e40 造的 drawImageRegion + NumberRenderer 是重复轮子，本次整体回退（revert bc75e40）。 - 回退：删除 gameabc-framework/ui/NumberRenderer.js 与其单测，SpriteManager 与 index.html 恢复到改动前（与 bc75e40^ 逐字节一致）。 - ImageResources.js：数字类资源改为 16 帧、固定帧序 0123456789.+-x/p，逐条写明 各帧含义、第16帧后缀（选主张数=「张」；结算/叫分的后缀标注待美术与规则确认，未瞎填）、 单字符宽高与整图尺寸（16 × 单字宽），并说明帧序不可重排、不可省略占位。 - LayoutConstants.js：NUM_STYLE 改为 setNumberImage 所需的 res/charWidth/charHeight/suffix。 - Layout_Action.js：两个数字节点 h 取 charHeight（SSOT），w 留运行时注入 （宽度由 setNumberImage 按字符数自动改，随位数变）。 - Sprites_Action.js / Sprites_Result.js：注释改为 setNumberImage 用法； 结算玩家栏 ACC_TPL_SCORE_NUM 是复制精灵也能用（该接口不依赖绘制回调）。 - test_constants.js：NUM_STYLE 守卫改为校验 charWidth/charHeight/suffix 与 「h 同源、w 运行时注入」；suffix 限定为 setNumberImage 支持的 分/倍/张。 - 文档：清单 §1.3/§1.5/§3.6/§5.4/§6.8 与前端 02 的那一节全部按 setNumberImage 重写， 三种机制改为「文字精灵 / setFrame 切帧 / setNumberImage」，并记下这次误判作为反例。 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
104 lines
4.7 KiB
JavaScript
104 lines
4.7 KiB
JavaScript
///////////////////////////////////////////////////////////////
|
||
////////// EQW_Layout: 阶段操作区配置（清单 §6.8）//////////////
|
||
///////////////////////////////////////////////////////////////
|
||
// 【纯数据文件】无函数、无副作用；依赖 LayoutConstants.js 先加载
|
||
// （引用其 EQW_Layout.TEXT_STYLE.*，属 EQW_Layout 内部自引用）。
|
||
var EQW_Layout = EQW_Layout || {};
|
||
|
||
//===== 叫分面板 =====
|
||
|
||
EQW_Layout.CALL_PANEL_BG = { kind: 'point', x: 355, y: 140, w: 575, h: 170 };
|
||
|
||
EQW_Layout.CALL_HINT_BG = { kind: 'point', x: 470, y: 100, w: 345, h: 33 };
|
||
|
||
//14 档位按钮：grid 布局（清单 §6.1 示例，7×2）
|
||
EQW_Layout.CALL_BTN_GRID = {
|
||
kind: 'grid', anchorX: 640, anchorY: 160, cols: 7, rows: 2,
|
||
itemWidth: 74, itemHeight: 56, spacingX: 7, spacingY: 24,
|
||
anchor: 'center', fillOrder: 'row'
|
||
};
|
||
|
||
//档位分数数字：贴对应档位按钮居中。CALL_BTN_1..14 是 14 个固定精灵，但本节点是共用模板，
|
||
//target 由调用方按第几档注入（不预置单一 target）。
|
||
//宽度随位数变化（SpriteManager.setNumberImage 会按【字符数 × charWidth】自动改精灵宽），
|
||
//故 w 留到运行时注入；高度恒为单字高，取 NUM_STYLE.CALL_SCORE.charHeight（SSOT，2026-08-26）
|
||
EQW_Layout.CALL_BTN_SCORE_TEXT = {
|
||
kind: 'attach', targetKind: 'sprite', hAlign: 'center', vAlign: 'middle', offsetY: 4,
|
||
h: EQW_Layout.NUM_STYLE.CALL_SCORE.charHeight,
|
||
runtime: ['target', 'w']
|
||
};
|
||
|
||
//档位子数角标：贴对应档位按钮右上角，纯文字无底图，清单未给宽高（同上，调用方注入 target）
|
||
EQW_Layout.CALL_BTN_MULTIPLE_BADGE = {
|
||
kind: 'attach', targetKind: 'sprite', corner: 'topRight', offsetX: -30, offsetY: 2,
|
||
runtime: ['target', 'w', 'h']
|
||
};
|
||
|
||
EQW_Layout.CALL_BTN_NONE = { kind: 'point', x: 553, y: 345, w: 184, h: 57 };
|
||
|
||
//自己叫分大字
|
||
EQW_Layout.CALL_SELF_SCORE_TEXT = {
|
||
kind: 'point', x: 570, y: 320, w: 140, h: 70, textStyle: EQW_Layout.TEXT_STYLE.CALL_BIG
|
||
};
|
||
|
||
//===== 选主 / 投降面板 =====
|
||
|
||
EQW_Layout.MAIN_TITLE_BG = { kind: 'point', x: 330, y: 315, w: 425, h: 50 };
|
||
|
||
//4 花色 + 投降：投降不显示时只排前 4 项，anchor:left 保证前 4 个位置不变
|
||
EQW_Layout.MAIN_SUIT_LINE = {
|
||
kind: 'line', direction: 'horizontal', anchorX: 330, anchorY: 373,
|
||
itemWidth: 128, itemHeight: 55, spacing: 9, anchor: 'left'
|
||
};
|
||
|
||
//张数数字：贴对应花色按钮下方居中，一个花色【一个】精灵，整串「N张」由 setNumberImage 显示。
|
||
//2026-08-26：原十位/个位两节点合并为本节点；宽度随位数变化（2 或 3 个字符）留到运行时注入，
|
||
//高度恒为单字高，取 NUM_STYLE.MAIN_SUIT_COUNT.charHeight（SSOT）
|
||
EQW_Layout.MAIN_SUIT_COUNT = {
|
||
kind: 'attach', targetKind: 'sprite', hAlign: 'center', vAlign: 'bottom', offsetY: -6,
|
||
h: EQW_Layout.NUM_STYLE.MAIN_SUIT_COUNT.charHeight,
|
||
runtime: ['target', 'w']
|
||
};
|
||
|
||
//对数角标文字：贴对应花色按钮右上角（按钮帧内已含角标底，本节点只定位叠加的文字）。
|
||
//清单未给宽高（调用方注入 target）
|
||
EQW_Layout.MAIN_SUIT_PAIR_BADGE = {
|
||
kind: 'attach', targetKind: 'sprite', corner: 'topRight', offsetX: -36, offsetY: 2, w: 34, h: 18,
|
||
runtime: ['target']
|
||
};
|
||
|
||
//===== 埋牌 / 出牌操作条 =====
|
||
|
||
//埋牌操作条：提示 / 倒计时(CD_SELF) / 埋牌，逐项不等宽（清单 §6.1）
|
||
EQW_Layout.BURY_OPERATION_BAR = {
|
||
kind: 'line', direction: 'horizontal', anchorX: 640, anchorY: 165,
|
||
itemHeight: 63, spacing: 45, anchor: 'center',
|
||
items: [
|
||
{ key: 'BURY_BTN_TIP', width: 180 },
|
||
{ key: 'CD_SELF', width: 60 },
|
||
{ key: 'BURY_BTN_SUBMIT', width: 180 }
|
||
]
|
||
};
|
||
|
||
//出牌操作条：倒计时(CD_SELF) / 出牌
|
||
EQW_Layout.PLAY_OPERATION_BAR = {
|
||
kind: 'line', direction: 'horizontal', anchorX: 640, anchorY: 345,
|
||
itemHeight: 55, spacing: 35, anchor: 'center',
|
||
items: [
|
||
{ key: 'CD_SELF', width: 75 },
|
||
{ key: 'PLAY_BTN_SUBMIT', width: 157 }
|
||
]
|
||
};
|
||
|
||
//===== 浮层 =====
|
||
|
||
//捡分飘字：起始位置在此。动画参数（floatRise / floatDuration）见 EQW_Anim.SCORE_FLOAT，不在此重复（SSOT）
|
||
EQW_Layout.GRADE_FLOAT = { kind: 'point', x: 570, y: 180, w: 170, h: 55 };
|
||
|
||
//状态提示条 · 等待类（如『等待庄家选主』）。与即时反馈类共用同一套精灵 BAR_TOAST/TXT_TOAST，
|
||
//仅位置预设不同，调用方按提示类型二选一应用（清单 §2.8：收敛为 3 条）
|
||
EQW_Layout.TOAST_WAIT = { kind: 'point', x: 500, y: 373, w: 320, h: 47 };
|
||
|
||
//状态提示条 · 即时反馈类（如『强甩失败』）。自动消失时长见 EQW_Anim.TOAST_DURATION，不在此重复（SSOT）
|
||
EQW_Layout.TOAST_INSTANT = { kind: 'point', x: 462, y: 172, w: 363, h: 50 };
|