unity游戏优化之ETC压缩和 Alpha通道处理,让飞起来【NGUI篇】

前言

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

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

效果及方法

首先。我们将图片放入tp中。类型悬着tga。然后导出。如下:

7

 

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

8

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

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

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

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

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

 

最后得到如下文件

9

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

4

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

1

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

10 11

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

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

12

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

Shader代码

Shader "Test/UIETC" 
{
    Properties 
	{
		 _MainTex ("Base (RGB)", 2D) = "white" { }
		 _AlphaTex("AlphaTex",2D) = "white"{}
		 }
    SubShader
	{

		 Tags
		 {
			"Queue" = "Transparent+1"
		 }
         Pass
		 {
			Lighting Off
			ZTest Off
			Blend SrcAlpha OneMinusSrcAlpha
			Cull Off
			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag

			#include "UnityCG.cginc"

			sampler2D _MainTex;
			sampler2D _AlphaTex;

			float _AlphaFactor;
		
			struct v2f 
			{
				float4  pos : SV_POSITION;
				float2  uv : TEXCOORD0;
				float4 color :COLOR;
			};

			half4 _MainTex_ST;
			half4 _AlphaTex_ST;

			v2f vert (appdata_full v)
			{
				v2f o;
				o.pos = mul (UNITY_MATRIX_MVP, v.vertex);
				o.uv =  v.texcoord;
				o.color = v.color;
				return o;
			}

			half4 frag (v2f i) : COLOR
			{
				half4 texcol = tex2D (_MainTex, i.uv);

				half4 result = texcol;

				result.a = tex2D(_AlphaTex,i.uv)*i.color.a ;

				return result;
			}
			ENDCG
		 }
    }
}

 工程下载地址

链接:http://pan.baidu.com/s/1jGtKLMY 密码:lxhw

本文链接:

https://bobsong.cn/853.html
1 + 5 =
16 评论
    2015年06月14日 回复

    哇,厉害

    2015年06月14日 回复

    这个shader要多写一下clip的支持

      2015年08月21日 回复

      @张洁勇 你能解决吗 不解决这个问题就是个玩具呀。。毕竟项目中用clip很多的。。

        2016年04月05日 回复

        @高源 自己写个不就完了~多谢楼主~

    2015年06月21日 回复

    “首先。我们将图片放入tp中。类型悬着tga。然后导出。如下:”弱弱的问一句tp 是个什么东东

      2015年06月22日 回复

      @豁口_秋天 看下新版的前四课。有讲了!

    2015年06月28日 回复

    PS方面的不是很明白,Alpha1

      2015年06月28日 回复

      @小城 可以用代码的。我朋友写了这个插件。我过些天分享出来。

        2015年09月18日 回复

        @小宝 那个插件分享了没?

          2015年09月18日 回复

          @mark 什么插件?

    2015年07月07日 回复

    那张黑白图的做法不是这样的吧?

    1.选中Alpha1. 按 ctrl + c 复制改透明通道。
    2.选中 红 通道。ctrl + v 粘贴通道。绿 蓝 通道执行同样的操作。
    3.删除Alpha 1 透明通道。将图片保存为bmp。

    像上面的操作,它还有RGB通道,不是黑白的图

    2015年08月21日 回复

    你好用了你的shader一般UI都是可以的,但是UIScrollveiw方面的都出问题了,涉及到裁剪层方面的有问题,请问能再发个完整支持NGUI的吗嘿嘿~~

      2015年09月18日 回复

      @高源 这个裁剪会出问题么?应该不会的吧。

        ★完美对称★
        2016年01月13日 回复

        @小宝 UIScrollview里面使用的时候,UIPanel 里clip之后图片出问题了

    2015年09月24日 回复

    看你的截图。内存占用少了是因为Compressed和没有Compressed的区别吧

    2016年02月03日 回复

    谢谢分享