1. 风格与资源入口
以下是既有资源入口;本轮新图与规则见10/31新增区段。界面图为效果示意;本轮普通按钮三态另提供独立PNG资源。
玩具城市:使用Toy的UI、房间和场景。
纽约街头美漫:使用Comic的UI;建筑可选Toy或Comic,两种建筑共用一套美漫UI。
2. 文件夹存放
GangWarUI/
├─ Shared/
├─ Toy/
│ ├─ UI/
│ ├─ Rooms/Front/
│ ├─ Rooms/Thumb/
│ └─ Scene/
└─ Comic/
├─ UI/
├─ Rooms/Front/
├─ Rooms/Thumb/
└─ Scene/
Shared放真正共用的图标、网格和字体;UI放按钮、面板、卡牌及状态;Front放搭建拼接用的正面房间;Thumb放模板展示用的斜视缩图;Scene放场景和装饰。
3. 按顺序替换
- 整理资源:下载两个PNG母版包及字体,按目录归类。仅相同资源放Shared,风格图标分别保存;保留包内组件子目录,避免同名状态图覆盖。美漫UI搭玩具建筑时,UI取Comic,房间和场景取Toy。
- 替换现有界面:沿用现有页面和按钮事件,按模块替换图片及位置。同一套操作逻辑绑定两套风格资源,不复制两套业务代码;分屏只处理场景,不拆共用UI。
- 处理图片与文字:PNG导入为Sprite。按钮、图标、边框、阴影和选中框使用原图,含字按钮不再叠字。已确认旧primary三态含爆裂纹,与普通按钮使用场景不符;本次只修正primary三态,cta不变。已无纹的旧带字编辑/保存/结束等可继续用;旧support中带纹的“继续/知道了”废止,以修订版为准。瞄准表现除外:仅按下方的表现逻辑实现,不要求照示意图替换资源;其他UI位图替换要求不变。战斗顶部VS沿用既有方案;新增对阵页统一以本轮红蓝斜切VS-B为准。金币、人数、弹药、名字和帮助使用统一字体。
- 保持比例与字号:固定图片等比显示;无字面板按资源提供的Border做九宫格,保持边框厚度。按432×960参考画布起步:标题30、正文22、卡名20;标题单色,长英文留足空间,不压字或乱断字。
- 补齐状态再替换:按钮需普通/按下/禁用/选中;单位需未选/已选/锁定/冷却/死亡;开关及折叠需两态。缺图、缺状态或裁片换背景露出矩形边时,先补资源,不用临时描线替代。
- 完成后核对:两套风格各走一遍准备、搭建、布阵、战斗、暂停和结算。检查手机主按钮同屏、中英文长文案无遮挡、所有状态可见,切语言/风格不重置已有选择和战斗状态。
4. 本轮实装差异修订(10/31)
修订 · 2026-10-31
按实装截图修订,位置与信息调整适用两套风格;爆裂纹分型仅针对美漫。下列为修改要求,尚未接入原型。
本次具体变更
| 项目 | 确认与修订原因 | 本次更新要求 |
| 按钮资源纠错 | 旧primary三态误带爆裂纹。 | 只有首页开始/进入战斗保留爆裂纹;其余普通黄按钮无纹,外黑描边保留。已补普通/按下/禁用三态。 |
| 搭建页面重排 | 网格、费用、模板之间的纵向断层需要收紧;当前约230px间隔仅为截图测量参考。 | 重新组织网格→费用→模板的纵向关系,让房屋视觉重心下移;不简单放大网格,也不把空白移到别处。底部保存/取消保持原位置与功能。 |
| 战斗共用UI | 头部底色、高度和位置不一致;底部行动区当前约占1/4屏。 | 共用头部统一底色、高度与位置,头像和VS放大、暂停居中、敌左我右。行动区先向1/5屏优化,放大肖像、保留名字/血条/弹药,删除独立“100”;实际2人只显示2卡。 |
| 暂停与设置 | 旧暂停继续图有爆裂纹,不能继续作为现行参考。 | 继续使用普通黄主按钮;常用四项两列;设置为深色列表行+当前值/开关。开发默认展开、帮助默认收起,风格收进开发,X关闭。 |
| 美术接入边界 | 白模、灰景与纽约美漫示意的差异另列为美术接入项。 | 复用现有3D模型换材质,保持动态建筑与破坏表现;不使用静态整栋图覆盖建筑。新图是布局和效果修订稿,不代表已经接入游戏。 |
五页UI位置与状态清单
| 页面 | 位置调整 | 状态与信息 |
| 首页/战前准备 | 房屋场景下方保留宽“编辑房子”;右上语言在左、设置最右。下方只留一组单位竖卡与底部“进入战斗”。 | 锁卡整卡灰;候选区保留已上阵/待上阵/锁定卡,战斗场景和头像才只显示实际参战人数。首页图中4/4仅为选择示例,不能据此自动补齐战斗人数。只有底部“开始/进入战斗”用爆裂纹CTA,编辑用普通黄按钮。 |
| 搭建 | 网格、费用、四种模板重新纵排,收紧约230px断层,房屋重心下移;底部保存/取消不移。 | 模板、画布和费用联动;余额/总费用显示当前值。金币显示0是否异常需要实际放置、删除、撤销后验证。 |
| 我方行动 | 统一顶部底色、高度、位置;敌左我右、暂停居中,头像与VS放大。射击提示在行动条上方;底部行动区向1/5屏优化。 | 实际2人只2卡,肖像放大,保留名字、血条、弹药和状态;去独立“100”。结束行动用普通黄按钮。冷却/死亡均不可选,须动态验证。 |
| 敌方行动/分屏 | 只将游戏场景左右分屏,敌方在左。顶部和底部共用UI的位置、尺寸、数量与我方回合一致,不复制或裁切。 | 我方射击、卡牌选择和结束行动禁用;冷却/死亡明确区分。仅对场上已放置炸弹,用小图标+“下次行动引爆”贴炸弹提示未来危险,不加大横条;删除“下一位出手/下次出手定时炸弹”播报。 |
| 暂停/设置 | 继续战斗为普通黄色主按钮;常用四项两列,后接深色设置列表与当前值/开关,右上X关闭。 | 开发默认展开,风格收进开发;帮助默认收起。长内容内部滚动,按钮可达;恢复不重复攻击或扣血。 |
执行要求:以本轮修订为准,旧图冲突处停止沿用;先核对按钮使用场景与三态资源映射,再调整布局,最后按同一手机分辨率提交首页、搭建、我方、敌方、暂停五页对比截图。
动态验收:冷却/死亡禁用、费用显示0、选4人只放2人后是否仅2人参战等,需要操作与状态回放验证,不能只凭截图判定为Bug。约230px及1/4→1/5为本轮调整参考,不作所有分辨率的固定像素规定;需核对实机同屏、遮挡与触控。
图稿与资源有效性:旧Comic首页已由本轮新版替代;旧图冲突处停止沿用。按钮替代关系与下载见下方普通黄按钮资源段,未涉及的正确图示继续保留。
已确认规则(继续沿用)
① 解锁与连续引导
| 首次进入 | 仅大炮默认上场。 |
| 累计2胜 | 解锁机枪MG;未解锁时点击提示“胜利两场后解锁”。解锁后在首页点击,自动放入默认空位,不进入复杂布阵。 |
| 第3胜 | 不弹编辑房屋提示。 |
| 累计4胜 | 解锁第三单位(名字待定)→编辑房屋→保存建筑→调整单位位置→保存上场→战斗,作为一次连续引导。 |
| 后续 | 每2胜继续解锁;实际最多4人,不满4人可保存、可参战。 |
② 高度、先手与对阵
| 高度值 | Σ(所有实际已上场单位所在楼层)。未放置、未上场的单位不计入。 |
| 先手 | 高度值高的一方先手。同高判定与队内具体排序待补充,不按已选卡牌顺序推定。 |
| 伤害与耐久 | 取消楼层伤害加成;建筑底层耐久保留。 |
| 开始战斗 | 准备页“进入战斗”→已选定的红蓝斜切VS-B→约2秒自动进入。对阵页无开战或确认按钮。 |
③ 角色卡与房间
| 角色三态 | 灰色锁定/彩色加号/金边勾选;竖卡比例126×153。 |
| 实际人数 | 战斗场景与双方头像只显示实际已上场人数;候选区仍保留已上阵/待上阵/锁定卡。 |
| 房间框架 | 1开头房间无中竖柱;2开头房间使用粗蓝灰中柱。全部外框、横框保持薄。 |
| 视图 | 搭建画布用正面房间;下方模板用斜视房间。 |
④ 大炮与机枪瞄准
| 大炮 | 初按只有虚线外圈;按住后出现向内收缩的内圈。双圈始终同心,中心不加额外十字、加号或点,落点仍随机。 |
| 机枪MG | 指尖上方只显示1个准星,不使用瞄准圈或范围圈。 |
示意图仅用于说明表现逻辑,不要求按图替换资源;具体造型、颜色、尺寸和线宽可结合现有游戏调整。此例外仅适用于瞄准,其他UI的位图替换要求不变。
沿用的正确图示
Toy保留4张,Comic保留房间/选定VS-B/瞄准3张。旧Comic首页已被上方本轮新版替代,不再作为现行预览。Toy角色图仅沿用卡片状态说明,按钮分型按本轮修订。
玩具城市 Toy
角色三态
灰锁/彩色+号/金边勾,竖卡126×153。仅沿用卡片状态说明,按钮分型按本轮修订;画中阵容、数字仅示意,解锁与出手按上文规则。查看原图 ↗下载PNG
蓝灰中柱房间
1开头无中柱;2开头粗蓝灰中柱,外框和横框薄。查看原图 ↗下载PNG
红蓝斜切对阵B
约2秒自动进入战斗,无开战或确认按钮。查看原图 ↗下载PNG
大炮与机枪瞄准
大炮保留虚线外圈与同心收缩内圈,中心无额外十字或点,落点仍随机;MG用指尖上方准星,不用瞄准圈。示意图只说明表现逻辑,不作屏幕像素坐标图,也不要求照图替换资源;造型、颜色、尺寸和线宽可结合现有游戏调整。查看原图 ↗下载PNG
纽约美漫 Comic
蓝灰中柱房间
1开头无中柱;2开头粗蓝灰中柱,外框和横框薄。查看原图 ↗下载PNG
红蓝斜切对阵B
约2秒自动进入战斗,无开战或确认按钮。查看原图 ↗下载PNG
大炮与机枪瞄准
大炮保留虚线外圈与同心收缩内圈,中心无额外十字或点,落点仍随机;MG用指尖上方准星,不用瞄准圈。示意图只说明表现逻辑,不作屏幕像素坐标图,也不要求照图替换资源;造型、颜色、尺寸和线宽可结合现有游戏调整。查看原图 ↗下载PNG