menu 首页 主站 标签 归档 关于
search more_vert
Unity-生成图集

一言加载中...

Unity2017之后开始支持SpriteAtlas，相较于旧版的SpritePacker变得更加好用，UGUI的图集概念又重新出来了。并且支持运行时访问图集。下面是记录做一键打包图集过程的记录,以及图集相关的回顾。

为什么要打图集？

  1. 图集将图片打包为2的幂次方的大小，提升GPU处理图片的性能
  2. 多张图片需要多次DrawCall，合并成一张大图只需要调用一次DrawCall
  3. 减小包体大小

各种图集解决方案

  • NGUI时代，手动打图集。每次图片修改都需要重新打图集，比较麻烦。
  • UGUI旧图集解决方案：SpritePacker。SpritePacker的出现是为了弱化图集的概念。不用花心思维护图集了。只需要将要打包到同一个图集的图片设置相同的Tag即可。但是易用性较差。
  • UGUI新图集解决方案：SpriteAtlas。小号SpritePacker练坏了，Unity又搞的”新号”。特点：1. 创建，编辑图集，修改图集参数 2.图集变体(Variant) 3.运行时访问

本文介绍Unity最新的SpriteAtlas方式。

SpriteAtlas的一些属性说明

spriteatlas.png

  • Type 有两种：Master，Variant(变体)，变体图集会复制原有图集，然后根据比例系数进行缩放，进而对不同分辨率的设备进行适配。
  • Include in Build 勾选后会在编辑器模式下，运行后会自动加载纹理。如果不勾选则不会自动加载，并触发SpriteAtlasManager.atlasRequested事件。在事件中手动填充纹理，否则显示为白色方块。
  • Allow Packing 允许打包图集将精灵进行旋转，用来提高图集中空间利用率。
  • Tight Packing 压缩有镂空的图片。即，将镂空部分也以填充图片，提高图集中空间利用率。（可能会有问题，暂未发现）

创建图集

手动创建图集只需要在Project面板右键Create->SpriteAtlas即可。在后面在记录代码创建图集并设置属性。

加载图集中的图片

1
2
3
4
5
6
7
8
9
10
//运行时访问
void Start()
{
    Image image = GetComponent<Image>();
    SpriteAtlas atlas = AssetDatabase.LoadAssetAtPath<SpriteAtlas>("Assets/UI/UIAtlas/common.spriteatlas");
    image.sprite = atlas.GetSprite("btn_back");
}

// 从AssetBundle访问
// TODO 待添加

要是图集多了，一个一个图集的创建，添加精灵，修改设置，很浪费时间。那么能不能写个工具一键创建，设置图集？

设置图集信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
static SpriteAtlas mGenAtlas()
{
    //Packing 模块(对应)
    SpriteAtlasPackingSettings atlasSetting = new SpriteAtlasPackingSettings()
    {
    blockOffset = 1,
    enableRotation = true,
    enableTightPacking = true,
    padding = 2,
    };

    //Texture 模块
    SpriteAtlasTextureSettings textureSetting = new SpriteAtlasTextureSettings()
    {
        readable = false,
        generateMipMaps = false,
        sRGB = true,
        filterMode = FilterMode.Bilinear,
    };

    // 平台设置
    // 不同的平台就是根据不同的name进行设置的

    //Default
    TextureImporterPlatformSettings compressDefault = new TextureImporterPlatformSettings()
    {
        name = "DefaultTexturePlatform",
        overridden = false,
        maxTextureSize = 2048,
        format = TextureImporterFormat.Automatic,
        crunchedCompression = true,
        textureCompression = TextureImporterCompression.Compressed,
        compressionQuality = 50,
    };
    //IOS
    TextureImporterPlatformSettings ios = new TextureImporterPlatformSettings()
    {
        name = "iPhone",
        overridden = true,
        maxTextureSize = 2048,
        format = TextureImporterFormat.Automatic,
        crunchedCompression = true,
        textureCompression = TextureImporterCompression.Compressed,
        compressionQuality = 50,
        format = TextureImporterFormat.RGBA32
    };
    //Android
    TextureImporterPlatformSettings android = new TextureImporterPlatformSettings()
    {
        name = "Android",
        overridden = true,
        maxTextureSize = 2048,
        format = TextureImporterFormat.Automatic,
        crunchedCompression = true,
        textureCompression = TextureImporterCompression.Compressed,
        compressionQuality = 50,
        format = TextureImporterFormat.RGBA32
    };


    SpriteAtlas atlas = new SpriteAtlas();
    atlas.SetPackingSettings(atlasSetting);
    atlas.SetTextureSettings(textureSetting);
    atlas.SetPlatformSettings(compressDefault);
    atlas.SetPlatformSettings(compressIOS);
    atlas.SetPlatformSettings(compressAndroid);
    atlas.SetIncludeInBuild(true);
    atlas.SetIsVariant(false);

    return atlas;
}

一键创建所有图集

这里，我将每个图集创建一个文件夹，把对应精灵放进去，以图集的名称命名，然后放到Asssts/UI/UIAtlas/目录下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/// 下面拓展方法GetRelativePath() 是用来将绝对路径转化为以Assets开头的相对路径。

[MenuItem("Tools/GenAtlas")]
public static void CreateAtlas()
{
    string atlasPath = "Asssts/UI/UIAtlas/";
    //图集
    var foldersArray = FolderHelper.GetSubFolders(PathConfig.UIAtlasFolder);
    if (foldersArray != null && foldersArray.Length > 0)
    {
        List<Object> spriteList = new List<Object>();
        for (int i = 0, iMax = foldersArray.Length; i < iMax; i++)
        {
            spriteList.Clear();
            //添加 文件 方式
            string[] textureGUIDs = AssetDatabase.FindAssets("t:texture", new string[] { foldersArray[i].FullName.GetRelativePath() });
            foreach (var guid in textureGUIDs)
            {
                Sprite sp = AssetDatabase.LoadAssetAtPath<Sprite>(AssetDatabase.GUIDToAssetPath(guid));

                if (sp != null)
                    spriteList.Add(sp);
            }
            if (spriteList.Count > 0)
            {
                string atlasName = $"{atlasPath}/{foldersArray[i].Name}.spriteatlas";

                var atlas = mGenAtlas();
                atlas.Add(spriteList.ToArray());

                AssetDatabase.CreateAsset(atlas, atlasName);

                //设置AssetBundle名
                AssetDatabase.Refresh();
                ABTool.Singlton.SetAssetBundleName(atlasName,
                    string.Format("ui/uiatlas/{0}", foldersArray[i].Name));

                AssetDatabase.SaveAssets();
            }

            //添加文件夹方式
            //var obj = AssetDatabase.LoadAssetAtPath($"{atlasPath}/{foldersArray[i].Name}", typeof(object));
            //atlas.Add(new[] { obj });
        }
        Debug.Log("<color='green'>图集生成成功！</color>");
    }
}

genatlas

写博客不易，请我喝杯咖啡？

评论

arrow_upward