PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎

源码资源网 · 发表于昨天 21:52

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎
PngPacker 是一款专业的PNG纹理图集打包工具，专为游戏开发和移动应用开发设计。它能够将多个PNG图片智能打包成纹理图集（Texture Atlas），并生成配套的plist描述文件，广泛支持Cocos2d、Unity、Phaser等主流游戏引擎。

### 1. 智能纹理打包
- **自动排列算法**：采用高效的矩形装箱算法，自动计算最优排列方式，最大化利用图集空间
- **多图集输出**：当图片数量超出单张图集容量时，自动分割为多个图集文件
- **支持旋转排列**：可选启用图片旋转，进一步提高空间利用率

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎

### 2. 图片处理
- **透明度裁剪（Trim）**：自动裁剪图片周围的透明像素，减少图集体积
- **边缘扩展（Extrude）**：为每个子图添加边缘像素，防止纹理采样时的接缝问题
- **Alpha Bleeding**：处理边缘透明度，减少渲染时的白边伪影
- **Placements坐标支持**：如果源目录下存在 `Placements` 子目录，自动读取对应的脚底坐标文件，并在裁剪时自动调整坐标

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎

### 2.1 Placements坐标功能

当源目录结构如下时，pngPacker会自动检测并处理坐标文件：
```
源目录/
├── image1.png
├── image2.png
└── Placements/
├── image1.txt # 坐标文件，内容为两行数字
└── image2.txt
```

坐标文件格式（每行一个数字）：
```
-88 # X坐标
-99 # Y坐标
```

**坐标调整原理**：裁剪透明边缘后，图片尺寸改变，坐标需要调整：
- 新X坐标 = 原X坐标 + 左边裁剪量
- 新Y坐标 = 原Y坐标 + 上边裁剪量

调整后的坐标会自动写入plist和JSON的 `footOffset` 字段。

### 3. 压缩优化
- **PngQuant压缩**：集成pngquant引擎，可将PNG文件压缩50%-80%，显著减小包体积
- **移动端优化**：专门的移动端模式，限制最大尺寸为2048×2048，符合移动设备兼容性要求

### 4. 输出格式
- **纹理图集**：PNG格式输出，支持RGBA32位色深
- **Plist描述文件**：支持两种常用格式
- **Format 2**：Cocos2d标准格式，字段包括frame、offset、rotated、sourceColorRect、sourceSize、footOffset（如有）
- **Format 3**：Cocos2d-x 3.x格式，字段包括aliases、spriteOffset、spriteSize、spriteSourceSize、textureRect、textureRotated、footOffset（如有）
- **JSON描述文件**：可选导出JSON格式，兼容Unity、Phaser、PixiJS等引擎，包含footOffset字段（如有）
- **自定义命名**：支持自定义输出文件名和扩展名

### 5. 灵活配置
| 配置项 | 说明 | 取值范围 |
|--------|------|----------|
| 最大宽度 | 输出图集的最大宽度 | 1-65535 像素 |
| 最大高度 | 输出图集的最大高度 | 1-65535 像素 |
| 宽高相等 | 强制输出正方形图集 | 开/关 |
| 移动端模式 | 限制最大尺寸为2048 | 开/关 |
| PngQuant压缩 | 启用有损压缩 | 开/关 |
| 多图输出 | 允许生成多个图集 | 开/关 |
| Plist格式 | 输出plist的格式版本 | Format 2 / Format 3 |
| 边框间距 | 图集边缘留白（Border Padding） | 0-255 像素 |
| 子图间距 | 子图之间的间隔（Shape Padding） | 0-255 像素 |
| POT尺寸 | 强制输出2的幂次方尺寸 | 开/关 |
| 导出JSON | 同时生成JSON格式描述文件 | 开/关 |
| 过滤1x1图 | 跳过1x1像素的占位图 | 开/关(默认开) |
| 识别Placements | 自动识别Placements目录下的脚底坐标文件 | 开/关(默认开) |

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎

## 使用方法

### 基本操作流程
1. **选择源目录**：点击"源目录"按钮，或直接**拖拽文件夹**到源目录输入框
2. **选择输出目录**：点击"输出目录"按钮，或直接**拖拽文件夹**到输出目录输入框
3. **预览统计**：点击"预览"按钮，查看图片统计信息（数量、尺寸、1x1图片等）
4. **设置参数**：
- 填写输出文件名
- 选择输出格式（png/jpg等）
- 设置最大宽度和高度
- 根据需要勾选各项选项
5. **开始打包**：点击"打包"按钮，等待处理完成

**提示**：支持直接拖拽文件夹到窗口设置源目录和输出目录，鼠标悬停在控件上可查看详细说明。打包过程中可查看进度条和状态日志。

### 推荐配置
- **移动游戏**：勾选"移动端模式"和"PngQuant压缩"，最大尺寸2048×2048，子图间距2
- **PC游戏**：可使用更大尺寸（如4096×4096），根据需要决定是否压缩
- **UI图集**：建议勾选"宽高相等"，便于统一管理
- **WebGL项目**：勾选"POT尺寸"确保兼容性，同时勾选"导出JSON"
- **Unity项目**：勾选"导出JSON"，使用JSON格式导入

## 应用场景

1. **游戏开发**：将游戏素材打包为纹理图集，减少DrawCall，优化渲染性能
2. **App开发**：合并应用内的图标和UI元素，减少资源加载时间
3. **Web开发**：生成精灵图（Sprite Sheet），减少HTTP请求
4. **动画制作**：将序列帧动画打包为图集，便于引擎加载和播放

## 版本历史

| 版本 | 日期 | 更新内容 |
|------|------|----------|
| v2.1.0 | 2026-03-10 | **新增 Placements 脚底坐标支持**：自动检测Placements子目录，读取坐标文件，裁剪时自动调整坐标，输出到plist/JSON的`footOffset`字段 |
| v2.0.0 | 2026-03 | 新增进度条、状态日志、预览统计、JSON导出、POT尺寸、边框/子图间距、过滤1x1图、拖拽支持 |
| v1.0.0 | 2025-12 | 首发版本，支持Format 2/3、Trim、Extrude、Alpha Bleeding、PngQuant压缩 |

### v2.1.0 Placements 功能详情

本次更新新增了对游戏角色动画脚底坐标的支持，适用于需要精确控制角色站位的游戏项目：

**功能特点：**
- 自动检测源目录下的 `Placements` 子目录
- 读取与图片同名的 `.txt` 坐标文件（第一行X坐标，第二行Y坐标）
- 裁剪透明边缘时自动调整坐标：`新X = 原X + 左边裁剪量`，`新Y = 原Y + 上边裁剪量`
- 输出到 plist 和 JSON 的 `footOffset` 字段（区别于 TexturePacker 的 anchorPoint 归一化坐标）

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎

**与 UnpackPlist 的配套使用：**
使用 UnpackPlist 解包包含 `footOffset` 的图集时，坐标将自动导出到 `Placements` 子目录，实现完整的打包↔解包往返工作流。Plist+PNG 解包工具 UnpackPlist(TextureUnPacker) ，批量图片切割工具，批量大图分小图_依星源码资源网,依星资源网 -

未注册时的操作演示：

PNG纹理图集打包工具PngPackerGUI_V3.0，支持Cocos2d、Unity、Phaser等主流游戏引擎