【《Unity Shader入门精要》 提炼总结】(十三)第十三章·透明度测试的Shader实现&透明度混合的Shader实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/iceSony/article/details/84667551

 

 

 

本文由@唐三十胖子出品,转载请注明出处。  
文章链接:https://blog.csdn.net/iceSony/article/details/84667551

 

 

 

这篇文章将总结和提炼《Unity Shader入门精要》的第八章“透明效果”的内容。

通过这篇文章,你可以知道

1)透明度测试的Shader实现

2)透明度混合的Shader实现

一.透明度测试的Shader实现

实现原理:通常我们在片元着色器中使用clip函数进行透明度测试         clip函数参数:裁剪时使用的标量或矢量条件

我们用到的是一张png图片你可以在这里下载到png图片☞             传送门

这就是RGBA通道中的alpha通道

完整代码如下(简单的单张纹理应用代码加上剔除条件)

Shader "sony/Shader184"
{
	Properties
	{
		_Diffuse("漫反射系数",Color) = (1.0,1.0,1.0,1.0)
		_MainTex("主纹理",2D) = "white"{}
		_Cutoff("透明度系数",Range(0,1)) = 0.5
	}
		SubShader
	{
		Tags{"Queue"="AlphaTest" "IgnoreProjector"="True"                                       "RenderType"="TransparentCutout"}
		Pass
	{
		Tags{ "LightMode" = "ForwardBase" }
		CGPROGRAM
                #include "lighting.cginc"
                #pragma vertex vert
                #pragma fragment frag
		float4 _Diffuse;
	        sampler2D _MainTex;
	        float4 _MainTex_ST;
	        fixed _Cutoff;
	        struct a2v
	{
		float4 pos : POSITION;
		float3 normal : NORMAL;
		float4 texcoord:TEXCOORD0;
	};
	struct v2f
	{
		float4 pos : SV_POSITION;
		float3 worldNormal : TEXCOORD0;
		float2 uv:TEXCOORD1;
	};
	v2f vert(a2v v)
	{
		v2f o;
		o.pos = UnityObjectToClipPos(v.pos);
		o.worldNormal = UnityObjectToWorldNormal(v.normal);
		o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
		return o;
	}
	fixed4 frag(v2f i) : SV_Target
	{
		float3 worldNormal = i.worldNormal;
		float3 worldLightDir = UnityWorldSpaceLightDir(worldNormal);
		
		fixed4 texColor = tex2D(_MainTex, i.uv);
		clip(texColor.a - _Cutoff);

		float3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

		float3 diffuse = _LightColor0.rgb * _Diffuse.rgb * texColor*max(0, dot(worldNormal, worldLightDir));

		return fixed4(ambient + diffuse,1.0);
	}
		ENDCG
	}
	}
	Fallback "Transparent/Cutout/VertexLit"
}

其中的Tags和之前的不太一样

包含Queue队列标签设置为AlphaTest,IgnoreProjector设为True(不会受到投影的影响) RenderType设置为透明测试

当然其中最关键的一句clip(texColor.a - _Cutoff);

当alhpa系数为0,不剔除任何片元

当系数为0.5的时候

注意我们的图片必须是png,jpg没有效果 = =

二.透明度混合的Shader实现

工作原理:使用当前片元透明度作为混合因子,与已经存储在颜色缓冲中的颜色值进行混合(关闭深度写入,使得我们要小心物体渲染顺序

和透明度测试clip函数相比,提供了Blend的方式

代码几乎相同,唯一的不同是需要在Pass中设置混合状态

对比效果很明显,完整代码如下

Shader "sony/Shader188"
{
	Properties
	{
		_Diffuse("漫反射系数",Color) = (1.0,1.0,1.0,1.0)
		_MainTex("主纹理",2D) = "white"{}
	        _Cutoff("透明度系数",Range(0,1)) = 0.5
	}
		SubShader
	{
		Tags{ "Queue" = "Transparent" "IgnoreProjector" = "True" "RenderType" = "Transparent" }
		Pass
	{
		Tags{ "LightMode" = "ForwardBase" }
		ZWrite Off
		Blend SrcAlpha OneMinusSrcAlpha
		CGPROGRAM
                #include "lighting.cginc"
                #pragma vertex vert
                #pragma fragment frag
		float4 _Diffuse;
	        sampler2D _MainTex;
	        float4 _MainTex_ST;
	        fixed _Cutoff;
	        struct a2v
	        {
		float4 pos : POSITION;
		float3 normal : NORMAL;
		float4 texcoord:TEXCOORD0;
	        };
	        struct v2f
	        {
		float4 pos : SV_POSITION;
		float3 worldNormal : TEXCOORD0;
		float2 uv:TEXCOORD1;
	        };
	        v2f vert(a2v v)
	        {
		v2f o;
		o.pos = UnityObjectToClipPos(v.pos);
		o.worldNormal = UnityObjectToWorldNormal(v.normal);
		o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
		return o;
	        }
	        fixed4 frag(v2f i) : SV_Target
	        {
		float3 worldNormal = i.worldNormal;
		float3 worldLightDir = UnityWorldSpaceLightDir(worldNormal);

		fixed4 texColor = tex2D(_MainTex, i.uv);

		float3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

		float3 diffuse = _LightColor0.rgb * _Diffuse.rgb * texColor*max(0, dot(worldNormal, worldLightDir));

		return fixed4(ambient + diffuse,texColor.a * _Cutoff);
	        }
		ENDCG
	}
	}
	Fallback "Transparent/Cutout/VertexLit"
}

深度写入        ZWrite Off 关闭

只有设置了Blend SrcAlpha OneMinusSrcAlpha,最后的返回值修改RGBA通道的alpha值

fixed4(ambient + diffuse,texColor.a * _Cutoff);才会生效

事实上透明度混合的shader仍然会有下图这样的问题

为了解决这样的问题,下一章我们将为了解决这样的问题

开启深度写入且实现正确的半透明效果

下章见:)

 

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭