unity游戏优化之ETC压缩和 Alpha通道处理，浪的飞起【NGUI篇】

转载至小宝个人笔记。原帖地址放在最下端~


前言
在unity中。带有透明通道的图片压缩后。均会出现一定的质量的下降。
并且带有透明通道的图片占用内存较大。之前一直没有想到解决方案。
最近看了一个游戏项目。里面有一个很好的解决方案。我研究了一下。就分享出来了。


它的具体就是将透明通道和图片内容剥离开来。在用Shader合并。这样就能减少一半的大小。



效果及方法
首先。我们将图片放入tp（TexturePacker）中。类型悬着tga。然后导出。如下：


导出后。我们得到一个tga图片和一个txt配置。我们将tga用ps打开。
然后找到图片的通道处：如下：

更多精彩图片 请登录

如上。我们选中Alpha 1.右键。删除该透明通道。然后将图片存储为bmp图片。


然后。我们可以在菜单中后退一步。或者重新打开没有删除透明通道的图片。执行如下操作。


1.选中Alpha1. 按 ctrl + c 复制改透明通道。


2.选中 红 通道。ctrl + v 粘贴通道。绿 蓝 通道执行同样的操作。


3.删除Alpha 1 透明通道。将图片保存为bmp。



最后得到如下文件

更多精彩图片 请登录

我们将图片移到Unity中。做成图集。
然后给图集的材质球赋值我们的shader(Shader代码在最下)。

更多精彩图片 请登录

然后我们来对比下。普通的和剥离的效果区别：

更多精彩图片 请登录

效果没什么变化。然后。我们在看下另一个数据：

更多精彩图片 请登录

更多精彩图片 请登录

一张只有没剥离的四分之一。然后在加一张透明通道。也只是1M。


最后。我们看下内存监察的数据图：

更多精彩图片 请登录

1+1 ？= 8   数学不是很好。你们算算。

shader代码:

1. Shader "Test/UIETC"
   
2. {
   
3.     Properties
   
4.         {
   
5.                  _MainTex ("Base (RGB)", 2D) = "white" { }
   
6.                  _AlphaTex("AlphaTex",2D) = "white"{}
   
7.                  }
   
8.     SubShader
   
9.         {
   
10. 
    
11.                  Tags
    
12.                  {
    
13.                         "Queue" = "Transparent+1"
    
14.                  }
    
15.          Pass
    
16.                  {
    
17.                         Lighting Off
    
18.                         ZTest Off
    
19.                         Blend SrcAlpha OneMinusSrcAlpha
    
20.                         Cull Off
    
21.                         CGPROGRAM
    
22.                         #pragma vertex vert
    
23.                         #pragma fragment frag
    
24. 
    
25.                         #include "UnityCG.cginc"
    
26. 
    
27.                         sampler2D _MainTex;
    
28.                         sampler2D _AlphaTex;
    
29. 
    
30.                         float _AlphaFactor;
    
31.                
    
32.                         struct v2f
    
33.                         {
    
34.                                 float4  pos : SV_POSITION;
    
35.                                 float2  uv : TEXCOORD0;
    
36.                                 float4 color :COLOR;
    
37.                         };
    
38. 
    
39.                         half4 _MainTex_ST;
    
40.                         half4 _AlphaTex_ST;
    
41. 
    
42.                         v2f vert (appdata_full v)
    
43.                         {
    
44.                                 v2f o;
    
45.                                 o.pos = mul (UNITY_MATRIX_MVP, v.vertex);
    
46.                                 o.uv =  v.texcoord;
    
47.                                 o.color = v.color;
    
48.                                 return o;
    
49.                         }
    
50. 
    
51.                         half4 frag (v2f i) : COLOR
    
52.                         {
    
53.                                 half4 texcol = tex2D (_MainTex, i.uv);
    
54. 
    
55.                                 half4 result = texcol;
    
56. 
    
57.                                 result.a = tex2D(_AlphaTex,i.uv)*i.color.a ;
    
58. 
    
59.                                 return result;
    
60.                         }
    
61.                         ENDCG
    
62.                  }
    
63.     }
    
64. }

点击此处复制文本

工程文件下载见回复：

尊敬的游客，如果您要查看本帖关注 或 回复可见内容请关注或回复后刷新页面查看！

原帖地址：小宝个人笔记  http://www.xiaobao1993.com/853.html

给力！元素有你更精彩

立刻提起了精神。

元素那么大，我想来看看！

感谢楼主分享！

想要成大触，天天上元素！

我和我的小伙伴们都惊呆了！

挺不错谢谢分享

{:1_153:}

为了元素币，拼了！

看完楼主的帖子，感觉自己萌萌哒~！

很不错啊

给力！元素有你更精彩

给力！元素有你更精彩

爱她就去优衣库，要耍就上微元素！

给大神点赞啊！！

带你赚币带你飞，元素里面有正妹！

高端大气上档次，低调奢华有内涵！

埃索镁拉唑

想要成大触，天天上元素！