-
Unity Shader入门精要学习——透明效果
透明效果
1 实现透明效果的两种方法
透明度测试（Alpha Test）
要么完全透明，要么完全不透明。
实现简单，实质上是一种剔除机制，通过将不满足条件（通常使用小于某个阈值来判定，一般使用clip方法）的片元舍弃的方法来达到完全透明效果。这些被舍弃的片元不会再进行任何的处理，也不会对颜色缓冲产生任何影响，其余满足条件的片元则会继续按普通的不透明物体的处理方式继续处理透明度混合（Alpha Blending）
可以得到真正的透明效果，通过将当前片元的透明度作为混合因子与已经存储在颜色缓冲中的颜色值进行混合来得到新的颜色，以实现透明效果。
！！！但是，如果需要混合，就需要关闭深度写入（如果不关闭需要透明效果的片元的深度写入，则会直接覆盖掉颜色缓冲中已存储的颜色，无法实现透明效果），由此渲染顺序变得非常重要。
2 透明度测试
使用了透明度测试的Shader都应该在SubShader中设置如下三个标签
SubShader { Tags{ "Queue" = "AlphaTest" "IgnoreProjector" = "true" "RenderType" = "TransparentCutout" } Pass { ........ } }- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
示例代码
Shader "Shader Learning/08 Alpha Effect/01 Alpha Test" { Properties { _Color("Color", Color) = (1, 1, 1, 1) _MainTex("Main Tex", 2D) = "white"{} _Cutoff("Alpha Cutoff", Range(0, 1)) = 0.5 } SubShader { //通常使用了透明度测试的Shader都应该在SubShader中设置这三个标签 Tags{ "Queue" = "AlphaTest" "IgnoreProjector" = "true" "RenderType" = "TransparentCutout" } pass { Tags{ "LightMode" = "ForwardBase" } CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _Cutoff; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); //进行透明度测试 clip(texColor.a - _Cutoff); //如果小于设定的_Cutoff透明度阈值，则会抛弃当前的片元 /* //等同于 if((texColor.a - _Cutoff) < 0.0) { discard } */ fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, 1.0); } ENDCG } } FallBack "Transparent/Cutout/VertexLit" }- 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
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
3 透明度混合
使用了透明度混合的Shader都应该在SubShader中设置如下三个标签，同时关闭深度写入，并设置混合模式
SubShader { Tags { "Queue" = "Transparent" "IgnoreProjector" = "true" "RenderType" = "Transparent" } Pass { ........ ZWrite Off Blend SrcAlpha OneMinusSrcAlpha ........ } }- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
示例代码
Shader "Shader Learning/08 Alpha Effect/02 Alpha Blend" { Properties { _Color("Color", Color) = (1, 1, 1, 1) _MainTex("Main Tex", 2D) = "white"{} _AlphaScale("Alpha Scale", Range(0, 1)) = 1 } SubShader { //通常使用了透明度混合的Shader都应在SubShader中设置这三个标签 Tags{ "Queue" = "Transparent" "IgnoreProjector" = "true" "RenderType" = "Transparent" } Pass { Tags{ "LightMode" = "ForwardBase" } ZWrite Off //关闭深度写入，透明度混合中都应关闭深度写入 Blend SrcAlpha OneMinusSrcAlpha //设置该Pass的混合模式，我们将源颜色（该片元着色器产生的颜色）的混合因子设为SrcAlpha，把目标颜色（已经存在于颜色缓冲中的颜色）的混合因子设为OneMinusSrcAlpha CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _AlphaScale; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, texColor.a * _AlphaScale); //返回需要设置透明通道值，只有使用Blend命令打开混合后，这里的设置才有意义，否则这些透明度并不会对片元的透明效果有任何影响 } ENDCG } } //FallBack "Transparent/VertexLit" }- 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
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
解决模型网格之间有互相交叉时引起的错误透明效果
使用两个Pass来渲染模型，第一个Pass开启深度写入，但不输出颜色，仅仅是为了把该模型的深度值写入深度缓冲中；第二个Pass进行正常的透明度混合，由于上一个Pass已经得到了逐像素的正确的深度信息，该Pass就可以按照像素级别的深度排序进行透明渲染。
缺点：多使用一个Pass更消耗性能Shader "Shader Learning/08 Alpha Effect/03 Alpha Blend Zwrite" { Properties { _Color("Color", Color) = (1, 1, 1, 1) _MainTex("Main Tex", 2D) = "white"{} _AlphaScale("Alpha Scale", Range(0, 1)) = 1 } SubShader { Tags{ "Queue" = "Transparent" "IgnoreProjector" = "true" "RenderType" = "Transparent" } Pass //增加一个Pass，开启深度写入，但不输出颜色，目的仅仅是为了把该模型的深度值写入深度缓冲中 { ZWrite On ColorMask 0 //ColorMask用于设置颜色通道的写掩码（write mask），如果设为0，则该Pass不写入任何颜色通道，即不会输出任何颜色。 } Pass { Tags{ "LightMode" = "ForwardBase" } ZWrite Off //关闭深度写入，透明度混合中都应关闭深度写入 Blend SrcAlpha OneMinusSrcAlpha //设置该Pass的混合模式，我们将源颜色（该片元着色器产生的颜色）的混合因子设为SrcAlpha，把目标颜色（已经存在于颜色缓冲中的颜色）的混合因子设为OneMinusSrcAlpha CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _AlphaScale; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, texColor.a * _AlphaScale); //返回需要设置透明通道值，只有使用Blend命令打开混合后，这里的设置才有意义，否则这些透明度并不会对片元的透明效果有任何影响 } ENDCG } } //FallBack "Transparent/VertexLit" }- 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
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
4 双面渲染
使用Cull命令来达到双面渲染的效果
4.1 透明度测试的双面渲染
在Pass块中直接使用Cull Off命令关闭渲染剔除即可，这时候就会对正面和背面都渲染
Shader "Shader Learning/08 Alpha Effect/04 Alpha Test Both Sided" { Properties { _Color("Color", Color) = (1, 1, 1, 1) _MainTex("Main Tex", 2D) = "white"{} _Cutoff("Alpha Cutoff", Range(0, 1)) = 0.5 } SubShader { Tags{ "Queue" = "AlphaTest" "IgnoreProjector" = "true" "RenderType" = "TransparentCutout" } pass { Tags{ "LightMode" = "ForwardBase" } Cull Off //关闭剔除 CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _Cutoff; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); //进行透明度测试 clip(texColor.a - _Cutoff); //如果小于设定的_Cutoff透明度阈值，则会抛弃当前的片元 /* //等同于 if((texColor.a - _Cutoff) < 0.0) { discard } */ fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, 1.0); } ENDCG } } FallBack "Transparent/Cutout/VertexLit" }- 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
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
4.2 透明度混合的双面渲染
透明度混合的双面渲染要更复杂，因为透明度混合要关闭深度写入，这个时候我们无法保证同一个物体的正面和背面图元的渲染顺序，就有可能得到错误的半透明效果。
解决方法：使用两个Pass，一个Pass只渲染背面（Cull Front），第二个Pass只渲染正面（Cull Back），由于Unity是按顺序执行各个Pass的，因此我们可以得到正确的渲染。Shader "Shader Learning/08 Alpha Effect/05 Alpha Blend Both Sided" { Properties { _Color("Color", Color) = (1, 1, 1, 1) _MainTex("Main Tex", 2D) = "white"{} _AlphaScale("Alpha Scale", Range(0, 1)) = 1 } SubShader { Tags{ "Queue" = "Transparent" "IgnoreProjector" = "true" "RenderType" = "Transparent" } Pass { Tags{ "LightMode" = "ForwardBase" } Cull Front //剔除正面来先渲染背面 ZWrite Off //关闭深度写入，透明度混合中都应关闭深度写入 Blend SrcAlpha OneMinusSrcAlpha //设置该Pass的混合模式，我们将源颜色（该片元着色器产生的颜色）的混合因子设为SrcAlpha，把目标颜色（已经存在于颜色缓冲中的颜色）的混合因子设为OneMinusSrcAlpha CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _AlphaScale; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, texColor.a * _AlphaScale); //返回需要设置透明通道值，只有使用Blend命令打开混合后，这里的设置才有意义，否则这些透明度并不会对片元的透明效果有任何影响 } ENDCG } Pass { Tags{ "LightMode" = "ForwardBase" } Cull Back //剔除背面，渲染正面 ZWrite Off //关闭深度写入，透明度混合中都应关闭深度写入 Blend SrcAlpha OneMinusSrcAlpha //设置该Pass的混合模式，我们将源颜色（该片元着色器产生的颜色）的混合因子设为SrcAlpha，把目标颜色（已经存在于颜色缓冲中的颜色）的混合因子设为OneMinusSrcAlpha CGPROGRAM #pragma vertex vert #pragma fragment frag #include "Lighting.cginc" fixed4 _Color; sampler2D _MainTex; float4 _MainTex_ST; fixed _AlphaScale; struct a2v { float4 vertex : POSITION; float3 normal : NORMAL; float4 texcoord : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float3 worldNormal : TEXCOORD0; float3 worldPos : TEXCOORD1; float2 uv : TEXCOORD2; }; v2f vert(a2v v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); o.worldPos = mul(_Object2World, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); return o; } fixed4 frag(v2f i) : SV_Target { fixed3 worldNormal = normalize(i.worldNormal); fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); fixed4 texColor = tex2D(_MainTex, i.uv); fixed3 albedo = texColor.rgb * _Color.rgb; fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); return fixed4(ambient + diffuse, texColor.a * _AlphaScale); //返回需要设置透明通道值，只有使用Blend命令打开混合后，这里的设置才有意义，否则这些透明度并不会对片元的透明效果有任何影响 } ENDCG } } //FallBack "Transparent/VertexLit" }- 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
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
- 145
- 146
- 147
- 148
- 149
- 150
- 151
- 152
- 153
- 154
- 155
- 156
- 157
-
相关阅读:
学习Nginx，跟着阿里大牛走，一套精心整理的Nginx（PDF文档）
法院判错案如何追责？
深入Mybatis框架
《代码大全2》第15章 使用条件语句
C++11之空指针-nullptr
澳大利亚量子计算制造商SQC获5000万美元投资用于硅量子计算
【C++】构造函数和析构函数第二部分（拷贝构造函数）--- 2023.9.28
手机储存快满了，怎么备份手机图片和视频到电脑上？
获取页面高度 height scroll
03 里氏替换原则
- 原文地址：https://blog.csdn.net/ithot/article/details/126063491
