Skip to content

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

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

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

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

核心功能

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

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

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

操作步骤

  1. 打开界面:在主视图中右键点击目标图像资产,选择 “自动抠图/切图”。系统会打开一个充满整个屏幕的交互对话框;可点击右侧设置区标题栏中的 ×、按 Esc 或底部 取消 关闭。
    • 左侧预览区左上角可切换衬底:透明(棋盘格)、纯白纯黑(默认透明),便于检查抠图边缘。
    • 按住看原图:按住该按钮显示未处理原图,松开后恢复当前参数下的预览效果。
  2. 背景透明化设置
    • 勾选 “背景透明化”。如果您的图像本身不包含透明通道,该功能默认开启。
    • 吸管取色:点击吸管图标,然后在左侧图像预览区域中点击一下想要消除的背景区域,系统将自动读取该像素的颜色值作为背景色。
    • 透明化模式
      • 连通 Flood(推荐):仅从画布四边四连通扩展相似色,元素内部同色像素(如白眼睛)会保留。
      • 全图 Flood:全图凡在容差内的相似色均透明,适用于需要去掉所有相近色的情况。
    • 容差值调节:拖动“容差阈值”滑块(0 - 255),按 RGB 欧氏距离(与 Photoshop 魔棒相近)判断颜色是否相似。数值越大,可透明化的相似色范围越广。预览图将实时更新。
    • 边缘羽化(可选):勾选后可设置羽化半径(1–20 像素),使导出图与预览边缘更柔和;切分框仍按硬边计算,避免框选错位。
    • 保存去色整图:默认会勾选“保存透明化后的整图”,默认名称为 <原资产名>.transparent.png。如果您原图为 .jpg 格式,去色后将自动转换为透明 .png 格式并同步在资产库中。如果不需要保留,可以取消勾选。
  3. 图像切分与约束过滤
    • 勾选 “图像切分”。左侧图像预览区域会以红框/绿框实时勾勒出检测出的散图切片边界。
    • 尺寸过滤:开启“尺寸大小过滤约束”后,您可以指定“最小宽度/高度”和“最大宽度/高度”,低于或高于该范围的噪点或大图块将自动被过滤掉,不会被切分导出。
    • 对齐等高:勾选“对齐等高”后,导出的散图高度将被统一对齐。
  4. 保存导出
    • 点击右下角的 “确定”,系统会处理图像并自动将切分出的散图或背景去色后的图片保存至原文件所在目录下,并自动刷新资产库。
    • 注意:如果“背景透明化”和“图像切分”两项功能都未启用,或者启用了背景去色但未选择任何保存输出,则“确定”按钮将处于禁用状态。

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

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

核心优势

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

操作指南

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

4. 合图与切图工作流

Sharp Stock 集成了轻量化的合图生成功能:

  • 自动化合图 (Generate Atlas)
    • 选中一个「Sprites」资产或多张散图图片。
    • 右键选择“生成 Atlas”或“生成 Plist”。
    • 系统将调用内置的 Packing 算法,为您输出紧凑的纹理大图及配套的坐标配置文件。

5. 重要提示

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