Unity 工具之图集根据切割为一张张单张图片的简单封装（Unity 自带 SpritePackage 打包图集的性能优化）

淡淡的烟草味﹌ 2022-09-15 11:54 63阅读 0赞

Unity 工具 之 图集根据切割为一张张单张图片的简单封装（Unity 自带 SpritePackage 打包图集的性能优化）

**目录**

一、简单介绍

二、实现原理

三、注意事项

四、实现步骤

五、关键代码

附加

一、一些错误整理

二、Unity性能优化之图集打包 - 使用Unity自带的打包图集功能

--------------------

## 一、简单介绍 ##

Unity 工具类，自己整理的一些游戏开发可能用到的模块，单独独立使用，方便游戏开发。

本节介绍，如何不修改原始脚本模板的情况下，添加自己需要的命名空间Namespace的方法，这里简单说明，如果你有更好的方法，欢迎留言交流。

## 二、实现原理 ##

1、Selection.activeObject 获取当前选中的图片集合

2、AssetImporter.spritesheet 取得该图集的分割小块图信息

3、Texture2D.SetPixel/ Texture2D.GetPixel 读写图片信息

4、File.WriteAllBytes 进行图片保存

## 三、注意事项 ##

1、图片勾选读写权限

2、图片转为 sprite 精灵 Multiple，并有进行对应的分割

## 四、实现步骤 ##

1、打开Unity，新建空工程

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16][]

2、在工程中新建一个 Editor 文件夹，添加图片切割脚本，实现对选择的图片进行切割为单张图片的代码

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

3、导入一张图片，勾选读写权限

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

4、把图片类型，设置为 Sprite，Mode 为 Multiple

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

4、点击对应图片的 Sprite Editor，进行图片分割处理，可根据需要自行分割

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

5、 若果上面一步需要 2D Sprite 工具，若没有，可以 在 Package Manager 中下载安装

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

6、这时选中图片，右键 ImageSlicer - Process to Sprites，开始切割为单张图

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

7、切割后的结果

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

## 五、关键代码 ##

using UnityEngine;
    using System.Collections;
    using UnityEditor;
    using System.IO;
    using System.Collections.Generic;
    
    namespace XANEditor
    {
    	public static class ImageSlicerTool
    	{ 
    		[MenuItem("Assets/ImageSlicer/Process to Sprites")]
    		static void ProcessToSprite()
    		{
    			Texture2D image = Selection.activeObject as Texture2D;//获取选择的对象
    			string rootPath = Path.GetDirectoryName(AssetDatabase.GetAssetPath(image));//获取路径名称
    			string fileExtension = Path.GetExtension(AssetDatabase.GetAssetPath(image));//获取路径名称后缀名（扩展名）
    			string path = rootPath + "/" + image.name + fileExtension;//图片路径名称
    
    
    			TextureImporter texImp = AssetImporter.GetAtPath(path) as TextureImporter;//获取图片入口
                if (texImp.spritesheet.Length<=0)
                {
    				Debug.LogError("没有精灵图集，无法切割，请把图片转为 sprite - Multiple ，并且适当分割下精灵图");
    				return;
                }
    
    			AssetDatabase.CreateFolder(rootPath, image.name);//创建文件夹
    			foreach (SpriteMetaData metaData in texImp.spritesheet)//遍历小图集
    			{
    				Texture2D myimage = new Texture2D((int)metaData.rect.width, (int)metaData.rect.height);
    
    				//abc_0:(x:2.00, y:400.00, width:103.00, height:112.00)
    				for (int y = (int)metaData.rect.y; y < metaData.rect.y + metaData.rect.height; y++)//Y轴像素
    				{
    					for (int x = (int)metaData.rect.x; x < metaData.rect.x + metaData.rect.width; x++)
    						myimage.SetPixel(x - (int)metaData.rect.x, y - (int)metaData.rect.y, image.GetPixel(x, y));
    				}
    
    
    				//转换纹理到EncodeToPNG兼容格式
    				if (myimage.format != TextureFormat.ARGB32 && myimage.format != TextureFormat.RGB24)
    				{
    					Texture2D newTexture = new Texture2D(myimage.width, myimage.height);
    					newTexture.SetPixels(myimage.GetPixels(0), 0);
    					myimage = newTexture;
    				}
    				var pngData = myimage.EncodeToPNG();
    
    
    				File.WriteAllBytes(rootPath + "/" + image.name + "/" + metaData.name + fileExtension, pngData);
    				// 刷新资源窗口界面
    				AssetDatabase.Refresh();
    			}
    		}
    	}
    }

# 附加 #

## 一、一些错误整理 ##

1、没有读写权限的报错

UnityException: Texture 'Test' is not readable, the texture memory can not be accessed from scripts. You can make the texture readable in the Texture Import Settings.

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 10][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 11][]

2、选中不是图片的报错

ArgumentException: Invalid path

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 12][]

## 二、Unity性能优化之图集打包 - 使用Unity自带的打包图集功能 ##

参考博文：[Unity性能优化之图集打包\_折羽-CSDN博客][Unity_-CSDN]

**基于Unity3D的图集打包**

Unity3D的UGUI图集打包采取自动打包的方式，旨在让开发者彻底模糊图集的概念，无须关注图集是如何打包的，从而让开发者将更多的精力放在逻辑开发上。步骤如下：

1. 首先创建3个Image组件分别显示3张不同的图片，此时还没打包图集，可以看出Batches为3

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 13][]

2. 设置图集打包开关，Edit\\rightarrowProject Settings\\rightarrowEditor，如下图

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 14][]

3. 为每张图片设置图集名

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_13_color_FFFFFF_t_70_g_se_x_16][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_13_color_FFFFFF_t_70_g_se_x_16 1][]

4. 点击Window\\rightarrow2D\\rightarrowSpritePacker ，即可看到打包好的图集

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 15][]

5. 再次运行，Batches变为1

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 16][]

打包后的图集Unity3D自动帮我们存至Libary/AtlasCache目录下，开发者无须对其进行特别处理。

**TexturePacker**

TexturePacker是通用的图集打包工具，支持多种平台的图集打包。由于具体用法网上介绍很多，上手不难，这里不再赘述。

官网：https://www.codeandweb.com/texturepacker

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 17][]

参考文献：

http://www.xuanyusong.com/archives/3304

https://blog.csdn.net/weixin\_39706943/article/details/80522010

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/a75fb154b89d4ef68c88482bf22d54ed.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/61096bf3bf8c49139fbf23a12350aca4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/7663bf74a14d472d917156ecc440ca32.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/bc10c598a9ab4474ae05f5ffeebb691d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/0257735d7368480eb841e567f98f8b44.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/7915f99d43594fe3a6b8f559a96bcfc1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/b538fac1f60e49c9bce18bdb8d65fe64.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/54d29ba82dfa4707a6e2cb5d25eb2015.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/7681ee60ae5343f699ee444c6c358706.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220828/7ff4d6e74cd642b186f1cff2f5a08764.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 10]: /images/20220828/e10cf86138de4b278c73a155f0a5edd0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 11]: /images/20220828/a6f5f1ad36f445c08ae3f71a043b5c6b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 12]: /images/20220828/69f086f1a121444ea0f855e8c22752bb.png
[Unity_-CSDN]: https://blog.csdn.net/u013244147/article/details/103451282
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 13]: /images/20220828/bc79e5cdac22417ba0be303f7333926e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 14]: /images/20220828/249e624cacaf4ed3bb81eaa4f96b9b8e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_13_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/e6a54fa0cf8f4ec3a17bc19d1f12c0ce.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_13_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/b0f5b2ae584c43b4baa6042879b24deb.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 15]: /images/20220828/2ffe7586da214c9faa7638290e37bf83.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 16]: /images/20220828/ab8fc2f317e84f2da3d7598556bce5f8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LuZ6a2BWEFO_size_20_color_FFFFFF_t_70_g_se_x_16 17]: /images/20220828/e1b110101a454bf1a1457823f78ffeac.png