【Unity Shader】透明效果（透明度测试与透明度混合）

最新推荐文章于 2024-04-20 11:38:45 发布
最新推荐文章于 2024-04-20 11:38:45 发布
阅读量1k 收藏 15
点赞数 5
分类专栏： Unity 计算机图形学 文章标签： shader unity 图形学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43890220/article/details/115801985
版权

在Unity中，一般有两种方式来实现“透明”效果。
第一种，是比较霸道的透明度测试。对于不满足透明度测试的片元会直接舍弃。与其叫它透明，我觉得用“镂空”来形容它更合适。因为它的实现效果是下面这样：
在这里插入图片描述
第二种，才可以得到真正的半透明效果，我们管它叫透明度混合
在这里插入图片描述
在学习OpenGL的时候，就明白了当开启透明混合时，渲染顺序是非常重要的。因为需要关闭深度写入，不然就会直接舍弃掉后面的那些本能通过透明面看到的片元。

那么正确的渲染顺序应该是怎么样呢：
（1）先渲染场景中所有的不透明物体，并且开启他们的深度测试和深度写入。
（2）把半透明物体按照他们距离摄像机的远近进行排序，然后按照从后往前的顺序渲染这些半透明物体，并且开启他们的深度测试，关闭深度写入
当模型物体之间有循环遮挡之类的情况时，引擎这时一般会将复杂的模型拆分成可以独立排序的多个子模型。

而在Unity中，提供了渲染队列这一解决方案。

名称队列 索引号描述
Backgroud1000这个渲染队列会在任何其他队列之前被渲染，我们通常使用该队列来渲染那些需要绘制在背景上的物体
Geometry2000默认的渲染队列，大部分物体都使用这个队列，不透明物体使用这个队列
AlphaTest2450需要透明度测试的物体使用这个队列。在Untiy5中它从Geometry队列中被单独分出来，这是因为在所有不透明物体渲染之后再渲染他们会更高效
Transparent3000这个队列中的物体会在所有Geometry和AlphaTest物体渲染后，再按照从后往前的顺序渲染。任何使用了透明度混合的物体都应该使用该队列
Overlay4000该队列用于实现一些叠加效果。任何需要再最后渲染的物体都应该使用该队列

接下来就是透明度测试和透明度混合的Shader。使用了一张包含透明度通道的纹理图片。其余的细节在Shader里查看

// Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'

Shader "Unlit/AlphaTest"
{
    Properties
    {
        _Color ("Main Tint",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"}
        //使用AlphaTest渲染队列
        //InoreProjector表示这个Shader不会受到投影器的影响
        //RenderType表示将此Shader归入TransparentCutout组中
        //使用了透明度测试的Shader都应该使用这三个标签
        Pass
        {
            Tags {"LightModel"="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 = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                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);

                //Alpha(透明度)测试
                clip(texColor.a - _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"
}


Shader "Unlit/AlphaBlend"
{
    Properties
    {
        _Color ("Main Tint",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"}
        //使用Transparent渲染队列
        //InoreProjector表示这个Shader不会受到投影器的影响
        //RenderType表示将此Shader归入Transparent组中
        //使用了透明度测试的Shader都应该使用这三个标签
        Pass
        {
            Tags {"LightModel"="ForwardBase"}
            
            ZWrite off//关闭深度写入
            Blend SrcAlpha oneMinusSrcAlpha
            //源颜色的混合因子设为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 = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                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);
            }
            ENDCG
        }
    }
    Fallback "Transparent/VertexLit"
}

由于Unity默认是开启背面剔除的，所以透明时，会看不到本身属于这个物体的背面。
我们想得到正确的效果，还需要关闭背面剔除。同时，对于使用透明度混合的物体，仅仅关闭背面剔除是无法得到正确的渲染关系的。因此需要多用一个Pass去渲染两面。第一个Pass用于渲染背面，第二个Pass只用于渲染正面。由于Unity会按照顺序执行Pass，所以总是会得到背面先被渲染的结果，也就保证了正确的渲染关系。

Shader "Unlit/AlphaTestBothSided"
{
    Properties
    {
        _Color ("Main Tint",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"}
        //使用AlphaTest渲染队列
        //InoreProjector表示这个Shader不会受到投影器的影响
        //RenderType表示将此Shader归入TransparentCutout组中
        //使用了透明度测试的Shader都应该使用这三个标签
        Pass
        {
            Tags {"LightModel"="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 = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                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);

                //Alpha(透明度)测试
                clip(texColor.a - _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"
}

效果图：（双面透明度测试）
在这里插入图片描述

Shader "Unlit/AlphaBlendBothSided1"
{
    Properties
    {
        _Color ("Main Tint",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"}
        //使用Transparent渲染队列
        //InoreProjector表示这个Shader不会受到投影器的影响
        //RenderType表示将此Shader归入Transparent组中
        //使用了透明度测试的Shader都应该使用这三个标签
        Pass //第一个Pass只渲染背面
        {
            Tags {"LightModel"="ForwardBase"}

            Cull Front        
            ZWrite off//关闭深度写入
            Blend SrcAlpha oneMinusSrcAlpha
            //源颜色的混合因子设为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 = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                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);
            }
            ENDCG
        }

        Pass //第二个Pass只渲染正面
        {
            Tags {"LightModel"="ForwardBase"}
            
            Cull Back
            ZWrite off//关闭深度写入
            Blend SrcAlpha oneMinusSrcAlpha
            //源颜色的混合因子设为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 = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                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);
            }
            ENDCG
        }
    }
    Fallback "Transparent/VertexLit"
}

效果图：（双面透明度混合）
在这里插入图片描述

空、白、
关注
  • 5
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【Unity URP渲染管线下Shader的自定义物体半透明和投影半透明效果_半透明案例分享】
暴走约伯的博客
04-07 2055
Unity Shader Graph URP渲染管线下的自定义半透明效果_半透明案例分享
【Unity Shader】（五） ------ 透明效果之半透明效果的实现及原理
weixin_33910434的博客
09-30 1772
笔者使用的是 Unity 2018.2.0f2 + VS2017，建议读者使用与 Unity 2018 相近的版本，避免一些因为版本不一致而出现的问题 【Unity Shader学习笔记】（三） ---------------- 光照模型原理及漫反射和高光反射的实现 【Unity Shader】（四） ------ 纹理之法线纹理、单张纹理及遮罩...
Unity shader AlphaTest透明度测试
03-03
Unity shader AlphaTest透明度测试
Unity 窗体透明
阳尘子的博客
06-19 5542
文章转自游戏蛮牛：http://www.manew.com/forum.php?mod=viewthread&tid=103087&_dsign=ec6d9a3d 偶然在国外网站上看到的一个脚本，通过纯色背景抠像的方法，把windows的窗体透明化，可以用来做无背景的小头像、桌面精灵等。 首先新建一个叫TransparentWindow的CS脚本，输入如下代码： using
Unity使用ShaderGraph轻松实现透明物体投射阴影
Lenny的博客
08-11 4715
话不多说 直接上图 直接新建一个： 设置如下： 大功告成！
Unity Shader 实现半透明效果
热门推荐
bestans的博客
07-04 1万+
背景 想要实现如下效果：主角可以遮挡背景，背景遮挡主角时候半透明混合 研究了一周，shader知识了解从无到稍稍入门，终于解决了，记录一下实现方案。 实现方法 使用 Blend One OneMinusSrcAlpha指令，也就是SrcColor + DstColor * (1 - SrcAlpha)，假设A和B重叠，先渲染A，然后渲染B，指令在B的杀的人里，那么SrcColor是B的颜色，Ds...
Unity-HDRP-ShaderGraph-透明Shader-旋转动画
04-12
使用ShaderGragh制作透明指针。 Shader动画，有时候比Transform的动画更加高效。 可以创建多个管线的Shader资源，方便切换或者升级管线。 节点式的编辑器，类似UE的蓝图编辑器，可视化编程比较直观，暴露参数简单。 有一句话叫做：黑透白不透。 利用黑底贴图做底，其他部件使用白色，Shader透明类型选择Additive，即可完美剔除黑色部分。
unity3D中通过代码修改模型模型半透明度，并动态修改模型半透明度效果
最新发布
qq_38753193的博客
04-20 1021
学习在Unity中怎么创建shader，实现模型半透明效果，同时从C#代码中获取shader中的参数进行不透明度的修改。下一期讲解模型中如果有很复杂的贴图，非常多的材质的情况下，如何在UnityEditor中一键生成并替换对应的shader材质，将原本的材质替换为新的、挂载自己的shader脚本的材质球prefabs.
Unity 半透明shader以及扩展（外发光内发光）
SnoopyNa2Co3的博客
12-27 5335
半透shader什么时候用到呢 1.如果主角被东西挡住，摄像机要不拉近要不把挡住的物体半透 2.很多游戏用到残影，一般残影都是半透的，然后慢慢透明 从左到右 1.使用标准材质球 2.使用半透材质球 3.使用外发光的半透材质球 4.使用内发光和外发光的材质球 shader比较简单直接上代码 这些都是surface shader 1.半透shader Shader "Sno...
unityshader入门精要8.4代码（透明度混合）
weixin_63637185的博客
04-01 131
默认情况下渲染引擎剔除了物体背面的渲染图元，而只渲染了物体的正面。如果想要获得双面渲染的效果，可以使用Cull指令来控制需要剔除哪个面的渲染图元。先渲染背景，然后把半透明物体从后往前渲染，这里关闭了深度写入，颜色缓存区是写入的背景颜色，再将前面的颜色按混合因子和缓存区的颜色混合。两个pass中，一个Cull Front只渲染背面，一个Cull Back只渲染正面，按顺序执行pass。Unity中，使用Blend命令，设置混合状态同时开启了混合。把自身颜色和已经存在于颜色缓存区中的颜色值进行混合。
Unity Shader 之遮挡透明
04-05
Unity Shader 之遮挡透明
unity3d实现物体透明渐变效果
07-30
unity3d实现物体透明渐变效果，只需要将脚本放在物体上即可
unityShader颜色法线金属皮肤干扰支持双面透明
12-28
unityShader颜色法线金属皮肤干扰支持双面透明，适合模型贴图的各种需要
动态修改Matirial材质Shader状态、透明度
04-29
Unity动态修改Matirial材质Shader状态、透明度。请看我的博客中有具体介绍用法
【Unity Shader】实现透明度测试和透明度混合
qq_41835314的博客
10-11 3153
在Unity中实现透明度测试和透明度混合。
UnityShader基础（三）——基础透明
SliverAsh_的博客
09-15 1222
为了实现真正意义上的透明，必须关闭模型剔除和深度写入，否则模型本身就会出现遮挡信息以及背面没有透明效果，至于是单Pass还是双Pass，看实际情况。
UnityShader学习笔记 ---- 透明效果
Wen_Long7834的博客
04-12 1252
在渲染模型时控制它的透明通道（Alpha Channel）。对于不透明（opaque）物体，不考虑它们的渲染顺序也能得到正确的排序结果，这是由于强大的深度缓冲的存在（，也被称为如果要渲染的片元，深度值和深度缓冲的比较，距离摄像机更远，就不应该渲染在屏幕上（有物体遮挡住了）。： “霸道极端”，只要一个片元的透明度不满足条件（通常是小于某个阈值），就舍弃。不需要关闭深度写入（），要么完全透明看不见，要么完全不透明像不透明物体。
ShaderGraph关于贴图方面实战
m0_72467275的博客
06-05 1555
总结：
Unity Shader透明效果
九本才的博客
02-16 8784
在实时渲染中要实现透明效果，通常会在渲染模型时控制他的透明通道。当开启透明混合后，当一个物体被渲染到屏幕上时，每个片元除了颜色值和深度值之外，它还有另一个属性——透明度。当透明度为1时表示该像素是完全不透明的，当为0时，则表示像素完全不会显示。 在unity中，我们通常使用两种方法来实现透明效果：第一种是使用透明度测试，这种方法其实无法得到真正的半透明效果；另一种就是透明度混合。 对于不透明物体，不考虑他们的渲染顺序也能得到正确的排序效果，这是由于强大的深度缓冲的存在。在实时渲染中，深度缓冲是用于解决可
unity shader 透明
09-07
Unity中的Shader透明度可以通过透明度测试和透明度混合来实现。透明度测试是一种简单的机制，根据片元的透明度来决定是否舍弃该片元。透明度测试的效果通常是完全透明或完全不透明，并且在边缘处可能会有锯齿。透明...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值