宣纸墨框 UI 素材包 选定风格:D 像素 RPG 场景方向 + B 宣纸墨框 UI。 本包只提供 UI 素材,没有替换正式游戏代码或资源。 交付内容 1. 最终素材/:300 个独立透明 PNG(299 个源图提取件 + 1 个同形金色选中态)。 2. 蒙版/:与最终 PNG 一一对应的 300 个灰度 alpha PNG。 3. 本地源图/:27 组采用的纯洋红源图,另保留 4 张未采用版本。共调用生图 31 次。 大框 2048×3072;提示弹窗 2048×1536;长按钮 3072×4096;复杂组件 4096×4096;图标与小控件 2048×2048。 4. 游戏图集/:8 组 PNG + Phaser JSON Hash,7 张 2048×2048、1 张 2048×1024。 图集使用适合 750 逻辑宽度的缩小版本;独立 PNG 保留较高分辨率。图集像素坐标已经记录。 5. 素材清单.json / 素材目录.csv:稳定资源 ID、名称、分类、尺寸、路径、源图、图集索引。 6. 素材预览.html:离线可打开,支持搜索、分类、深色/纸色/棋盘背景和单图放大。 7. 本地透明素材/:AI 服务原始结果,用于追溯;交付使用“最终素材/”。 8. 本地记录/:生成提示词、任务 ID、费用、切图边界、检查结果与修订记录。 开发接入 - 正式页面逻辑宽度按工程约定为 750,主参考 750×1680;图片不代替响应式布局。 - 使用稳定资源 ID,例如 宣纸UI/08/竹青方按钮正常。 - 在 Phaser preload 中加载每组 this.load.atlas('宣纸UI_01', PNG路径, JSON路径)。 创建时使用素材清单中 runtime.atlas 与 runtime.frame。按页面需求分组加载,避免首屏加载全部图集。 - 文字、数量、按钮标签与数值由 Phaser Text 独立叠加;素材不含业务文字。 - 按钮已有普通/按下和通用灰色禁用态。可点击区域由组件统一设置,不以不规则透明轮廓作为点击区域。 - 方形格子及部分面板源图存在轻微长宽差异,接入时采用统一布局盒。 - 简单角框、按钮底、普通提示框可配置九宫格;有中部装饰的重点大框、图标、星形、旗帜和卷轴不可任意拉伸。 本包没有虚报已验证的九宫格参数;实际缩放后需检查角花和边线。中部装饰框优先等比缩放或拆段使用。 - 进度填充、轨道、滑块、气泡箭头已经分离,可由组件组合;加载环只提供单帧,旋转交给场景时钟。 - 图集未旋转,边缘 2px 扩展 + 2px 间隔;建议像素 UI 使用最近邻采样。不要把“源图/”直接当运行图集。 - 六边形选中态由普通边框做金色换色,轮廓和 alpha 完全相同。另保留生成出的中立旗帜。 透明处理 每个基础素材均经过独立 AI 抠图请求。原始返回结果保留;最终使用已知纯洋红背景校正蒙版和边缘色, 恢复不透明纸面,移除框体镂空中的洋红及边缘杂色。最终 alpha 蒙版与 PNG 一致。 源图及处理记录保留于本地交付目录。 验证范围 已检查独立 PNG/蒙版数量、透明边界、镂空/实心区域、图集坐标与像素一致性,并抽查各类素材视觉效果。 未修改游戏源码、manifest.json,未执行项目测试、类型检查、构建或发布,未做真机接入验收。