Sharp Stock

简体中文

English

简体中文

English

图集与序列帧资产管理 (Atlas & Sprites) ​

Sharp Stock 为 2D 游戏开发者提供了专业的图集 (Atlas / Plist) 及序列帧 (Sprites) 管理工具，深度优化了美术切图与合图的工作流体验。

1. 图集资源管理 (Atlas / Plist) ​

图集是 2D 游戏优化性能的关键方案。Sharp Stock 支持对各类主流图集进行深度解析、子图预览及反向切分处理。

核心功能 ​

  • 智能切分工具：
    • 透明度切分：自动分析图像透明像素，智能识别并提取独立的散图文件。
    • 配置文件切分：读取 Cocos 或 TexturePacker 导出的 .plist / .atlas 描述文件，精准还原所有子图的原始边界与名称。
    • 自动切图：支持单色背景剔除、可视化框选范围调节及参数约束过滤，实现精灵图抠图与切分导出。
  • 子图交互预览：在右侧详情面板中，您可以使用工具栏的下拉列表或前后切换按钮查看图集内包含的所有子图区域。预览区支持缩放、拖拽，并提供自动轮播模式。

2. 自动切图与去背景指南 ​

自动切图

如果您有一张背景不透明的精灵图（例如带有黑色或白色底色的图片），或者希望在切图前进行细致的过滤与预览，您可以使用自动切图功能。

操作步骤 ​

  1. 打开界面：在主视图中右键点击目标图像资产，选择 “自动切图…”。系统会打开一个充满整个屏幕的交互对话框；可点击右侧设置区标题栏中的 ×、按 Esc 或底部 取消 关闭。
    • 文件名显示在预览上方工具栏中间，对比方式位于右侧；预览画面左上角可切换图片衬底：透明（棋盘格）、纯白、纯黑（默认透明），RGBA 通道按钮位于右上角。
    • 预览提供 分割对比、按住原图、左右并排三种方式。默认使用分割对比，只能拖动中间句柄检查同一位置；切换到按住原图后，整个预览画面内底部中央会显示按钮，按住立即显示未处理原图，松开立即恢复当前参数效果；左右并排会完整显示原图和处理结果。图片之外始终使用主题固定底色。RGBA 通道会同时作用于原图和处理结果。
  2. 背景透明化设置：
    • 勾选 “背景透明化”。如果您的图像本身不包含透明通道，该功能默认开启。
    • 抠图算法：
      • 普通背景抠除：适用于纯色背景、边缘清晰的图标与精灵图。可以继续选择连通或全图透明化模式。
      • 光效抠图：适用于黑底或白底的火焰、烟雾、粒子和半透明光晕。该模式会保留连续透明度，并清除半透明边缘中混入的背景色。
    • 吸管取色：点击吸管图标，然后在左侧图像预览区域中点击一下想要消除的背景区域，系统将自动读取该像素的颜色值作为背景色。
    • 普通背景抠除的透明化模式：
      • 连通 Flood（推荐）：仅从画布四边四连通扩展相似色，元素内部同色像素（如白眼睛）会保留。
      • 全图 Flood：全图凡在容差内的相似色均透明，适用于需要去掉所有相近色的情况。
    • 容差值调节：拖动“容差阈值”滑块（0 - 255），按 RGB 欧氏距离（与 Photoshop 魔棒相近）判断颜色是否相似。数值越大，可透明化的相似色范围越广。预览图将实时更新。
    • 光效抠图提供独立的 “光效背景容差” 和 “微弱光效保护”。前者越高，消除的背景噪声越多；后者越高，保留的微弱光晕和粒子越多。建议先用吸管准确选择背景色，再小幅调整这两个参数。
    • 普通背景抠除可使用 边缘羽化：勾选后可设置羽化半径（1–20 像素），使导出图与预览边缘更柔和；切分框仍按硬边计算，避免框选错位。光效抠图本身会生成连续透明度，因此不再显示或重复执行边缘羽化。
    • 保存去色整图：默认会勾选“保存透明化后的整图”，默认名称为 <原资产名>.transparent.png。如果您原图为 .jpg 格式，去色后将自动转换为透明 .png 格式并同步在资产库中。如果不需要保留，可以取消勾选。
  3. 图像切分与约束过滤：
    • 勾选 “图像切分”。左侧图像预览区域会以红框/绿框实时勾勒出检测出的散图切片边界。
    • 使用光效抠图时，可以在“图像切分”区域调节 “最低切分 Alpha”，默认值为 1。只有 Alpha 达到该值的像素才参与切分；该参数不影响透明整图的光效。多个特效被微弱光晕连在一起时可提高阈值；很淡的粒子未被框入时可降低阈值。
    • 图素合并方式：可以在以下两种方式中选择：
      • 基于距离（推荐）：默认选项。通过“邻近图素合并距离”控制不连通内容是否归入同一张切片。距离为 0px 时，只把像素实际相连的区域视为同一个图素；即使两个切片框互相覆盖，不连通的内容也会分别导出。角色身体、武器或特效等部分没有相连但应属于同一张切片时，可逐步增加距离。只要两个图素边缘之间的最短透明间距不超过该值，它们就会合并。建议从较小数值开始，并通过左侧切片框确认结果。
      • BoundingBox 重叠：兼容原有切分方式。只要两个图素的矩形包围范围存在重叠，就会合并到同一张切片中，不检查实际像素间距。选择该方式后，“邻近图素合并距离”滑块会保持显示但不可调整。
    • 使用 AI Matting Model 抠图（模型名称）（可选）：在预切分完成后，对每张切片使用当前已下载的本地 AI 抠图模型进一步移除背景，适合边缘复杂、仅靠颜色容差难以处理的素材。选项会显示当前模型名称，执行时的所有进度阶段也会显示该名称。模型未下载时该选项不可勾选；点击旁边的 “前往 AI 设置” 可直接打开设置页下载模型。
      • 光效抠图已经生成连续透明度，不能与 AI 抠图同时使用。切换到光效抠图后，该选项会自动关闭。
    • Lite / Demo 数量限制：确认处理后，应用会先根据透明整图和全部切片计算最终新增资产数量，无论是否启用 AI 抠图都使用相同规则。同名透明整图可选择覆盖或自动重命名保留两者；若所选方案会使资产总数超过 100，应用会在写入文件和执行 AI 推理前提示升级。
      • 开启“背景透明化”时，切片范围内属于其他图素的内容会先替换为当前选择的背景色，再交给模型处理。
      • 未开启“背景透明化”时，这些不属于当前图素的内容会先替换为透明区域。切片范围内原有底色会保留，供模型判断前景边缘。
      • 点击“确定”后，应用会显示全屏进度提示，其中包含当前阶段、已处理切片数和百分比。Mac 和 Windows 版本均使用 CPU，并按顺序处理多张切片。每张切片会在独立的后台进程中处理，应用会等待当前进程退出后再处理下一张，以便在每张图片完成后可靠释放模型的原生内存，避免长任务持续累积内存。
    • 尺寸过滤：开启“尺寸大小过滤约束”后，您可以指定“最小宽度/高度”和“最大宽度/高度”，低于或高于该范围的噪点或大图块将自动被过滤掉，不会被切分导出。
    • 对齐等高：勾选“对齐等高”后，导出的散图高度将被统一对齐。
  4. 保存导出：
    • 点击右下角的 “确定”，系统会处理图像并自动将切分出的散图或背景去色后的图片保存至原文件所在目录下，并自动刷新资产库。
    • 注意：如果“背景透明化”和“图像切分”两项功能都未启用，或者启用了背景去色但未选择任何保存输出，则“确定”按钮将处于禁用状态。
    • 开发版本检查输入：开发构建会把送入模型的临时切片保存在应用数据目录的 debug/auto-slice-ai-inputs 文件夹中，便于核对输入；正式版本不会保留这些临时文件。

冲突与覆盖处理 ​

  • 去背景整图同名冲突：如果抠图生成的去色整图文件（如 <原资产名>.transparent.png）在目标文件夹下已存在，系统会弹出黄色警告确认框，并显示具体冲突的目标文件名，询问是否覆盖。
  • 拆分小图同名避免：在开启“图像切分”导出散图时，系统会自动检测输出目录下已有文件的最大编号（如 sprites-0005.png），后续的切片将在此基础上自增编号顺延命名（如从 sprites-0006.png 开始顺序保存），默认重命名且不会覆盖已有的历史切片文件。

3. 虚拟序列帧资产 (Sprites) ​

「Sprites」是 Sharp Stock 引入的核心虚拟资产概念。旨在将物理磁盘上分散的序列帧序列（如 run_01.png, run_02.png 等）聚合为一个逻辑对象。

核心优势 ​

  • 保持网格简洁：将成百上千张细碎的帧图片整合为一个「Sprites」卡片，大幅降低主视图的视觉噪音。
  • 交互式模拟播放：支持在资产卡片或预览视口中直接循环播放序列帧，实时审阅动画流畅度。

操作指南 ​

  • 一键合并：选中多张散图 -> 右键菜单 -> 选择“合并为 Sprites”。
  • 解构恢复：若需对单帧进行编辑，可右键选择“拆分 Sprites”，将聚合项恢复为独立的磁盘文件。

4. 合图与切图工作流 ​

Sharp Stock 集成了轻量化的图集打包与生成功能：

  • 自动化合图 (生成 Atlas / 生成 Plist)：

    • 选择素材：在资产网格中选中一个「Sprites」序列帧资产，或选中同一目录下的多张图片。多选图片时，Windows 上按住 Ctrl，Mac 上按住 Cmd；按住 Shift 可选择连续的图片。
    • 启动生成：右键点击选中的资产或图片，选择“生成 Atlas”或“生成 Plist”。文件夹的右键菜单中没有这两个选项。
    • 配置参数：在弹出的生成设置对话框中，您可以设定：
      • 输出名称：生成的贴图大图与描述文件的名称。
      • 最大尺寸：单张大图纹理允许的最大宽度与最大高度（支持 1~8192 像素，默认 2048×2048）。
      • 间距与版式：各子图之间的间距（Padding）、是否保持 2 的幂次方（POT）或正方形等。
      • 背景与格式：透明背景或自定义背景色，以及 Atlas 纹理格式与滤波模式。
    • 点击生成：系统将自动对所有素材进行排版计算，输出合并后的 PNG 大图纹理以及配套的 .atlas 或 .plist 描述文件。

  • 超限与失败处理机制 (自动保留设置)：

    • 容量超限提示：若选中的素材总尺寸过大，无法容纳在设定的单张大图纹理中，系统会弹出明确的错误提示（例如提示超出单张 2048×2048 纹理容量）。
    • 参数自动保留恢复：在错误提示弹窗中点击“确定”或按 Esc 键关闭后，系统会自动返回刚才的生成设置对话框，并完整保留您之前调整好的所有参数和文件名。
    • 应对建议：您无需重新选择文件或重填配置，只需在恢复的对话框中调大“最大尺寸”（例如将宽度和高度调大为 4096），或者分批选中图片分别打包，即可再次点击生成。
    • 同名覆盖恢复：如果目标文件夹已存在同名图集文件，系统会弹出同名冲突提示。若您选择取消覆盖，也会自动返回生成设置对话框，方便您直接修改输出名称。

5. 重要提示 ​

  • 虚拟化管理逻辑：Sprites 属于软件层面的逻辑视图。虽然它极大地方便了管理，但在物理磁盘层级，原始图片依然存在于特定元数据目录下（受系统自动管理）。
  • 同步建议：建议在合图生成后，及时将其提交至 SVN 服务器，以确保团队成员能够共享最新的图集配置。