关于ETC1不支持alpha通道的问题

你一身傲骨怎能输

已于 2025-04-24 03:47:42 修改

阅读量484

点赞数 24

分类专栏： Unity引擎技术文章标签： alpha通道

于 2025-04-23 22:57:04 首次发布

本文链接：https://blog.csdn.net/qq_33060405/article/details/147465288

版权

Unity引擎技术专栏收录该内容

101 篇文章

订阅专栏

ETC1 格式在 OpenGL ES 2.0 时代的 Android 设备上不支持 Alpha 通道，这给带透明度的贴图（如 UI、特效、角色等）带来了挑战。下面详细说明原理、常见拆分方案、Shader 实现方式，以及 Unity 中的实际操作建议。

1. ETC1 不支持 Alpha 通道的原因

ETC1 是一种只支持 RGB（不带 Alpha）的压缩纹理格式，广泛用于早期 Android 设备。
如果直接用 ETC1 存储带 Alpha 的图片，Alpha 信息会丢失，导致透明区域变黑或不透明。

2. 解决方案：Alpha 通道分离法

原理

将原始 RGBA 图片分成两张图：
- 一张 RGB 图（去掉 Alpha，保存为 ETC1 格式）
- 一张 Alpha 图（只保存 Alpha 通道，通常灰度图，也保存为 ETC1 格式）

资源导出流程

分离通道：美术或工具将一张 RGBA 图片分成两张 PNG（或 TGA）：
- xxx_rgb.png：只保留 RGB，Alpha 全为 1
- xxx_a.png：只保留 Alpha，RGB 全为 0，Alpha 通道为原图 Alpha
压缩：分别用 ETC1 格式压缩这两张图。
打包：在资源管理中将这两张图作为一组。

3. Shader 合成实现

基本思路

在 Shader 中分别采样 RGB 贴图和 Alpha 贴图。
用 RGB 贴图的 rgb，Alpha 贴图的 r（或 a）作为最终输出的 alpha。

伪代码（GLSL/HLSL）

uniform sampler2D _MainTex;   // RGB 贴图
uniform sampler2D _AlphaTex;  // Alpha 贴图

void main()
{
    vec4 color = texture2D(_MainTex, uv);
    float alpha = texture2D(_AlphaTex, uv).r; // 通常用 r 通道
    gl_FragColor = vec4(color.rgb, alpha);
}

Unity Shader 示例

Shader "Custom/ETC1AlphaSplit"
{
    Properties
    {
        _MainTex ("RGB Texture", 2D) = "white" {}
        _AlphaTex ("Alpha Texture", 2D) = "white" {}
    }
    SubShader
    {
        Tags { "Queue"="Transparent" "RenderType"="Transparent" }
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            sampler2D _MainTex;
            sampler2D _AlphaTex;
            struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; };
            struct v2f { float2 uv : TEXCOORD0; float4 pos : SV_POSITION; };
            v2f vert(appdata v) { v2f o; o.pos = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; }
            fixed4 frag(v2f i) : SV_Target
            {
                fixed4 col = tex2D(_MainTex, i.uv);
                fixed4 alpha = tex2D(_AlphaTex, i.uv);
                col.a = alpha.r;
                return col;
            }
            ENDCG
        }
    }
}

4. Unity 实际操作建议

自动拆分工具：可用脚本或美术工具自动拆分 RGBA 到 RGB/Alpha 两张图。
打包管理：用 AssetBundle、Addressable 或自定义资源管理，保证两张图一一对应。
Shader 适配：UI、特效等用自定义 Shader 支持双贴图采样。
平台兼容：新设备支持 ETC2/ASTC/ETC1+Alpha/Uncompressed，可用平台宏自动切换 Shader 或贴图加载方式。

5. 进阶方案

Alpha 通道打包到 RGB 的某一通道：如多张 Alpha 合成一张 RGB，节省带宽，但采样时要注意通道选择。
ETC1+A（Unity 5.5+）：Unity 内置支持 ETC1 Alpha Split，勾选“Build Alpha from Grayscale”即可自动拆分和合成，Shader 里用UNITY_DECLARE_TEX2D(_MainTex); UNITY_DECLARE_TEX2D(_MainTexAlpha);等宏。

6. 参考资料

下面我将继续深入，补充ETC1不支持Alpha通道的相关内容，包括自动化流程、Unity平台的具体实现细节、性能注意事项、常见问题与进阶技巧。

1. Unity平台的自动Alpha分离与合成

1.1 Unity内置支持（ETC1 + Alpha Split）

从Unity 5.5开始，Unity已经内置了ETC1的Alpha分离方案：

Texture Importer设置
- 选择你的纹理，设置为Android平台，压缩格式选ETC（RGB），
- 勾选**“Alpha is Transparency”**（或“Build Alpha from Grayscale”）。
Unity自动处理
- Unity会自动将Alpha通道拆分为一张单独的Alpha贴图（通常命名为_Alpha后缀），并在打包时一同导出。
- Shader中通过宏UNITY_DECLARE_TEX2D(_MainTex); UNITY_DECLARE_TEX2D(_MainTexAlpha);来访问主贴图和Alpha贴图。

1.2 Shader自动适配

Unity的标准Shader在Android ETC1平台下会自动切换到双贴图采样模式，无需手动修改Shader。
如果你用自定义Shader，需手动采样Alpha贴图并合成。

2. 自动化拆分与打包流程

2.1 美术资源自动拆分脚本（Python/PIL示例）

from PIL import Image
def split_alpha(input_path, rgb_path, alpha_path):
    img = Image.open(input_path).convert('RGBA')
    rgb = Image.new('RGB', img.size, (0,0,0))
    rgb.paste(img, mask=img.split()[3])
    rgb.save(rgb_path)
    alpha = img.split()[3]
    alpha.save(alpha_path)
# 用法
split_alpha('input.png', 'output_rgb.png', 'output_a.png')