东莞网站开发找谁,成都专业网站建设费用,建筑工程有哪些项目,大气的网站设计透明效果 为什么渲染顺序很重要Unity Shader的渲染顺序透明度测试透明度混合开启深度写入的半透明效果ShaderLab 的混合命令混合等式和参数混合操作常见的混合类型 双面渲染的透明效果透明度测试的双面渲染透明度混合的双面渲染 Unity中通常使用两种方法来实现透明效果#xf… 透明效果 为什么渲染顺序很重要Unity Shader的渲染顺序透明度测试透明度混合开启深度写入的半透明效果ShaderLab 的混合命令混合等式和参数混合操作常见的混合类型 双面渲染的透明效果透明度测试的双面渲染透明度混合的双面渲染 Unity中通常使用两种方法来实现透明效果第一种是试用透明度测试Alpha Test这种方法其实无法得到真正的半透明效果另一种是透明度混合Alpha Blending。
由于深度缓冲的存在可以让不透明物体不考虑他们渲染顺序也能得到正确的排序效果。但是实现透明效果需要关闭深度写入ZWrite。
透明度测试不需要关闭深度写入它和其他不透明物体最大的不同就是他会根据透明度来舍弃一些片元。原理简单但是很极端要么完全透明看不到要么完全不透明。
透明度混合需要关闭深度写入不关闭深度测试。 对于透明度混合来说深度缓冲是只读的。 可以得到真正的半透明效果。 会使用当前片元的透明度作为混合因子与已经存储在颜色缓冲区中的颜色值进行混合得到新的颜色。
为什么渲染顺序很重要
比如渲染距离较远的一个不透明物体和距离较近的一个半透明物体如果先渲染半透明的物体不透明物体会直接覆盖颜色出现视觉错误。
两个半透明物体也是需要顺序的。如果两个半透明物体A较近 B较远如果先渲染A在渲染B混合结果也会反过来得到错误的半透明结构。
但总有一些情况很特殊 比如循环重叠 或者深度相同为了减少错误排序的情况尽可能拆分子模型或者让模型是凸面体。 扩展博文图形学基础|深度缓冲 Unity Shader的渲染顺序
Unity内部使用了一系列整数索引来表示每个渲染队列且索引号越小表示越早被渲染。
名称队列索引号描述Background1000这个渲染队列会在任何其他队列之前被渲染我们通常使用该队列来渲染那些需要绘制在背景上的物体Geometry2000默认的渲染队列大多数物体都使用这个队列。不透明物体使用这个队列AlphaTest2450需要透明度测试的物体使用这个队列。在Unity 5中它从Geometry队列中被单独分出来这是因为在所有不透明物体渲染之后再渲染他们会更加高效。Transparent3000这个队列中的物体会在所有Geometry和AlphaTest物体渲染后再按从后往前的顺序进行渲染。任何使用了透明度混合例如关闭了深度写入的Shader的物体都应该使用该队列Overlay4000该队列用于实现一些叠加效果。任何需要在最后渲染的物体都应该使用该队列。
想通过透明度测试实现透明效果应包含类似代码
SubShader {Tags{ Queue AlphaTest}Pass{...}
}想通过透明度混合实现透明效果应包含类似代码
SubShader {Tags{ Queue Transparent}Pass{ZWrite Off//关闭深度写入...}
}透明度测试
通常会在片元着色器中进行透明度测试 clip是Cg中的一个函数 函数void clip(float4 x) | void clip(float3 x) | void clip(float2 x) | void clip(float1 x) | void clip(float x) 参数裁剪时使用的标量或矢量条件 描述如果给定参数的任何一个分量是负数就会舍弃当前像素的输出颜色。
Shader Custom/AlphaTestShader
{Properties{_Color (Main Tint, Color) (1,1,1,1)_MainTex (Main Tex, 2D) white {}_Cutoff (Alpha Cutoff, Range(0, 1)) 0.5//决定调用clip进行透明度测试时使用的判断条件 范围0-1}SubShader{Pass{//通常使用了透明度测试的shader都应该在subshader中设置这三个标签//设置队列为透明度测试 shader不会受到投影器的影响 rendertype标签可以让Unity把这个shader归入提前定义的组Tags{Queue AlphaTest IgnoreProjector True RenderType TransparentCutout}CGPROGRAM#pragma vertex vert#pragma fragment frag#include Lighting.cgincfixed4 _Color;sampler2D _MainTex;float4 _MainTex_ST;float _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);clip(texColor.a - _Cutoff);//相当于↓//if ((texColor.a - _Cutoff) 0.0)//{// discard//}fixed3 albedo texColor.rgb * _Color.rgb;fixed3 ambient UNITY_LIGHTMODEL_AMBIENT * albedo;fixed3 diffuse _LightColor0.rgb * albedo * max(0,dot(worldNormal,worldLightDir));return fixed4(ambient diffuse,1.0);}ENDCG}}FallBack Transparent/Cutout/VertexLit
}
透明度混合
为了进行混合我们需要使用Unity提供的混合命令——Blend。Blend是Unity提供的设置混合模式的命令。混合时使用的函数就是由该指令决定的
语义描述Blend Off关闭混合Blend SrcFactor DstFactor开启混合并设置混合因子。源颜色该片元产生的颜色会乘以SrcFactor而目标颜色已经存在于颜色缓存的颜色会乘以DstFactor然后把两者相加后再存入颜色缓冲中。Blend SrcFactor DstFactor, SrcFactorA DstFactorA和上面几乎一样只是使用不同的因子来混合透明通道BlendOp BlendOperation并非是吧源颜色和目标颜色简单相加后混合而是使用BlendOperation对它们进行其他操作
只有开启混合模式之后设置片元的透明通道才有意义而Unity在我们使用Blend命令式会自动帮我们打开。 我们会把源颜色的混合因子SrcFactor设为SrcAlpha而目标颜色的混合因子DstFactor设为OneMinusSrcAlpha 混合后新颜色 ArcAlpha x SrcColor (1 - SrcAlpha) x 混合前颜色
Shader Custom/AlphaBlendShader
{Properties{_Color (Main Tint, Color) (1,1,1,1)_MainTex (Main Tex, 2D) white {}_AlphaScale(Alpha Scale, Range(0,1)) 1}SubShader{Pass{Tags{Queue Transparent IgnoreProjector True RenderType Transparent}ZWrite Off//关闭深度写入Blend SrcAlpha OneMinusSrcAlpha//将源颜色的混合因子设为SrcAlpha 目标颜色的混合因子设为OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include Lighting.cgincfixed4 _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 * albedo;fixed3 diffuse _LightColor0.rgb * albedo * max(0,dot(worldNormal,worldLightDir));return fixed4(ambient diffuse,texColor.a * _AlphaScale);//设置透明通道}ENDCG}}FallBack Transparent/VertexLit
}
开启深度写入的半透明效果
在面对复杂遮挡关系的模型师会有各种因为排序错误而产生的透明效果。这都是因为关闭了深度写入而造成的。
一种解决方法是使用两个Pass来渲染模型 第一个Pass开启深度写入但不输出颜色目的仅仅是为了把该模型的深度值写入深度缓存中 第二个Pass进行正常的透明度混合由于上一个Pass已经得到了逐像素的正确的深度信息该Pass就可以按照像素级别的深度排序结果进行透明渲染。 但缺点是多使用一个Pass会对性能造成一定的影响。
Pass { //新增 PassZWrite On //开启深度写入ColorMask 0 //Pass不写入任何颜色通道即不输出任何颜色。
}这个新增Pass的目的仅为了把模型的深度信息写入深度缓冲中从而剔除模型中被自身遮挡的片元。
ColorMask用于设置颜色通道的写掩码write mask
ColorMask RGB | A | 0 | 任何其他的RGB的组合ShaderLab 的混合命令
混合是如何实现的
当片元着色器产生一个颜色的时候可以选择与颜色缓存中的颜色进行混合。这样混合就和两个操作数有关源颜色source colo 和 目标颜色destination color。源颜色S指的是由片元着色器产生的颜色目标颜色D指的是从颜色缓冲中读取到的颜色值。对它们进行混合后得到的输出颜色O会重新写入到颜色缓冲中。需要注意的是源颜色目标颜色和输出颜色都包含了RGBA四个通道的值。
混合等式和参数
混合是一个逐片元操作是不可编程但可高度配置的。
ShaderLab中设置混合因子的命令
命令描述Blend SrcFactor DstFactor开启混合并设置混合因子。源颜色该片元产生的颜色会乘以SrcFactor而目标颜色已经存在于颜色缓存的颜色会乘以DstFactor然后把两者相加后在存入颜色缓冲中Blend SrcFactor DstFactor, SrcFactorA DstFactorA和上面几乎一样只是使用不同的因子来混合透明通道
加法混合公式 O(rgb) SrcFactor x S(rgb) DstFactor x D(rgb) O(a) SrcFactor x S(a) DstFactorA x D(a)
ShaderLab中的混合因子
参数描述One因子为1Zero因子为0SrcColor因子为源颜色值。当用于混合RGB的混合等式时使用SrcColor的RGB分量作为混合因子当用于混合A的混合等式时使用SrcColor的A分量作为混合因子SrcAlpha因子为源颜色的透明度值A通道DstColor因子为目标颜色值。当用于混合RGB的混合等式时使用DstColor的RGB分量作为混合因子当用于混合A的混合等式时使用DstColor的A分量作为混合因子DestAlpha因子为目标颜色的透明度值A通道OneMinusSrcColor因子为1-源颜色。当用于混合RGB的混合等式时使用结果的RGB分量作为混合因子当用于混合A的混合等式时使用结果的A分量作为混合因子OneMinusSrcAlpha因子为1-源颜色的透明度值OneMinusDstColor因子为1-目标颜色。当用于混合RGB的混合等式时使用结果的RGB分量作为混合因子当用于混合A的混合等式时使用结果的A分量作为混合因子OneMinusDstAlpha因子为1-目标颜色的透明度值
例如想要在混合后输出颜色的透明度值就是源颜色的透明度 Blend SrcAlpha OneMinusSrcAlpha, One Zero代入公式前面x1后面x0 就是源颜色
混合操作
BlendOp BlendOperation
ShaderLab中的混合操作
操作描述Add将源和目标相加。Sub从源减去目标。RevSub从目标减去源。Min使用源和目标中的较小者。Max使用源和目标中的较大者。其他逻辑操作仅在Direct11.1中支持
常见的混合类型
//正常Normal即透明度混合
Blend SrcAlpha OneMinusSrcAlpha//柔和相加Soft Additive
Blend OneMinusDstColor One//正片叠底Multiply即相乘
Blend DstColor Zero//两倍相乘2x Multiply
Blend DstColor SrcColor//变暗Darken
BlendOp Win
Blend One One//变亮Lighten
BlendOp Max
Blend One One//滤色Screen
Blend OneMinusDstColor One//等同于
Blend One OneMinusSrcColor//线性减淡Linear Dodge
Blend One One虽然有些混合模式并没有设置混合操作的种类但是他们默认就是使用加法操作相当于设置了BlendOp Add。
Shader Unity Shaders Book/Chapter 8/Blend Operations 1 {Properties {_Color (Color Tint, Color) (1, 1, 1, 1)_MainTex (Main Tex, 2D) white {}_AlphaScale (Alpha Scale, Range(0, 1)) 1}SubShader {Tags {QueueTransparent IgnoreProjectorTrue RenderTypeTransparent}Pass {Tags { LightModeForwardBase }ZWrite Off// // Normal
// Blend SrcAlpha OneMinusSrcAlpha
//
// // Soft Additive
// Blend OneMinusDstColor One
//
// // MultiplyBlend DstColor Zero
//
// // 2x Multiply
// Blend DstColor SrcColor
//
// // Darken
// BlendOp Min
// Blend One One // When using Min operation, these factors are ignored
//
// // Lighten
// BlendOp Max
// Blend One One // When using Max operation, these factors are ignored
//
// // Screen
// Blend OneMinusDstColor One// Or
// Blend One OneMinusSrcColor
//
// // Linear DodgeBlend One OneCGPROGRAM#pragma vertex vert#pragma fragment frag#include Lighting.cgincfixed4 _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;float2 uv : TEXCOORD0;};v2f vert(a2v v) {v2f o;o.pos UnityObjectToClipPos(v.vertex);o.uv TRANSFORM_TEX(v.texcoord, _MainTex);return o;}fixed4 frag(v2f i) : SV_Target { fixed4 texColor tex2D(_MainTex, i.uv);return fixed4(texColor.rgb * _Color.rgb, texColor.a * _AlphaScale);}ENDCG}} FallBack Transparent/VertexLit
}
双面渲染的透明效果
使用 Cull 指令来控制需要剔除哪个面得渲染图元
Untiy中Cull指令的语法Cull Back | Front | Off
Back是默认状态。背对着摄像机的图元不会被渲染。 Front朝向摄像机的渲染图元不会被渲染。 Off关闭剔除功能渲染所有图元通常不关闭。
透明度测试的双面渲染 只需在Pass中添加一句Cull Off
透明度混合的双面渲染
因为关闭了深度写入需要谨慎控制渲染顺序。但如直接关闭剔除功能那我们就无法保证同一个物体的正面和背面的渲染顺序就有可能得到错误的半透明效果。 对此我们选择把双面渲染顺序的工作分成两个Pass——第一个Pass只渲染背面第二个Pass只渲染正面。由于Unity会顺序执行SubShader中的各个Pass因此可以保证背面总是在正面之前被渲染借此用来保证正确的深度渲染关系。
Shader Custom/AlphaTestBothSidedShader
{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}Pass{Tags{ LightMode ForwardBase}Cull FrontZWrite Off//关闭深度写入Blend SrcAlpha OneMinusSrcAlpha//将源颜色的混合因子设为SrcAlpha 目标颜色的混合因子设为OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include Lighting.cgincfixed4 _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 * albedo;fixed3 diffuse _LightColor0.rgb * albedo * max(0,dot(worldNormal,worldLightDir));return fixed4(ambient diffuse,texColor.a * _AlphaScale);//设置透明通道}ENDCG}Pass{Tags{ LightMode ForwardBase}Cull BackZWrite Off//关闭深度写入Blend SrcAlpha OneMinusSrcAlpha//将源颜色的混合因子设为SrcAlpha 目标颜色的混合因子设为OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include Lighting.cgincfixed4 _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 * albedo;fixed3 diffuse _LightColor0.rgb * albedo * max(0,dot(worldNormal,worldLightDir));return fixed4(ambient diffuse,texColor.a * _AlphaScale);//设置透明通道}ENDCG}}FallBack Transparent/VertexLit
}
只是把Pass复制了两份 然后第一个写的Cull Back 第二个是Cull Front
