Unity Shader实现纹理遮罩效果

纹理遮罩用处很多,简单来讲就是允许我们可以保护模型中的某些区域不受某些因素的影响。例如我们有时希望模型表面某些区域的反光强烈一些,而某些区域弱一些。为了得到更加细腻的结果,我们需要用一张遮罩纹理来控制该光照。还有一些情况就是某些模型需要多张纹理混合时,此时使用遮罩纹理可以控制如何混合这些纹理。

具体流程为:通过采样得到遮罩纹理的纹素值,然后使用其中某个或者几个通道的值来与某种表面属性进行相乘。当该通道的值为0时,此时该表面属性不受遮罩纹理的影响。

shader代码如下:

Shader "Custom/MaskTexture"
{
  Properties
  {
    _Color ("Color", Color) = (1,1,1,1)
    _MainTex ("Main Tex", 2D) = "white" {}
 _BumpMap("Normal Map", 2D) = "white" {}
 _BumpScale("Bump Scale", Float) = 1.0
 _SpecularMask("Specular Mask", 2D) = "white" {}
 _SpecularScale("Specular Scale", Float) = 1.0
 _Specular("Specular", Color) = (1,1,1,1)
 _Gloss("Gloss", Range(8.0, 256)) = 20
 }

 SubShader
 {
 Pass
 {
  Tags{"LightMode" = "ForwardBase"}

  CGPROGRAM

  #pragma vertex vert
  #pragma fragment frag
  #include "UnityCG.cginc"
  #include "Lighting.cginc"

  fixed4 _Color;
  sampler2D _MainTex;
  float4 _MainTex_ST;   //纹理变量名+_ST为unity内置宏,存储了该纹理的缩放大小和偏移量,分别对应.xy和.zw属性
  sampler2D _BumpMap;
  float _BumpScale;    //控制凹凸程度的变量
  sampler2D _SpecularMask; //遮罩纹理
  float _SpecularScale;  //控制遮罩纹理的可见度
  fixed4 _Specular;
  float _Gloss;

  struct a2v {
  float4 vertex : POSITION;
  float3 normal : NORMAL;
  float4 tangent : TANGENT;
  float4 texcoord : TEXCOORD0;
  };

  struct v2f {
  float4 pos : SV_POSITION;
  float2 uv : TEXCOORD0;
  float3 lightDir : TEXCOORD1;
  float3 viewDir : TEXCOORD2;
  };

  v2f vert(a2v v)
  {
  v2f o;

  o.pos = UnityObjectToClipPos(v.vertex);
  //将_MainTex纹理信息(缩放大小和偏移量以及坐标信息)存储到o.uv.xy中
  o.uv.xy = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw;

  //unity内置宏,计算并得到从模型空间到切线空间的变换矩阵rotation
  TANGENT_SPACE_ROTATION;
  //获取切线空间下的光照方向
  o.lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz;
  //获取切线空间下的视角方向
  o.viewDir = mul(rotation, ObjSpaceViewDir(v.vertex)).xyz;;

  return o;
  }

  fixed4 frag(v2f i) : SV_Target
  {
  //将切线空间下的光照方向和视角方向单位化
  fixed3 tangentLightDir = normalize(i.lightDir);
  fixed3 tangentViewDir = normalize(i.viewDir);

  //获取切线空间下的法向量
  fixed3 tangentNormal = UnpackNormal(tex2D(_BumpMap, i.uv));
  tangentNormal.xy *= _BumpScale;
  tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy)));

  //获取片元上的主纹理,并和变量_Color相乘得到其混合结果
  fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb;
  //获取环境光
  fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo;
  //漫反射计算
  fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(tangentNormal, tangentLightDir));

  //高光反射计算,其计算方式跟前文的计算一样,这里只能另外跟specularMask的遮罩纹理相乘得到其与遮罩纹理的混合结果
  fixed3 halfDir = normalize(tangentLightDir + tangentViewDir);
  fixed specularMask = tex2D(_SpecularMask, i.uv).r * _SpecularScale;
  fixed3 specular = _LightColor0.rgb * _Specular.rgb * pow(max(0, dot(tangentNormal, halfDir)), _Gloss) * specularMask;

  return fixed4(ambient + diffuse + specular, 1.0);
  }

  ENDCG
 }
  }
  FallBack "Specular"
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Unity shader实现遮罩效果

    本文实例为大家分享了Unity shader实现遮罩效果的具体代码,供大家参考,具体内容如下 效果: shader代码: Shader "Custom/Mask" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {}//目标图片,即需要被遮罩的图片 _MaskLayer("Culling Mask",2D) = "white"{}//混合的图片,设置

  • Unity Shader实现新手引导遮罩镂空效果

    这两天实现了下新手引导需要的遮罩镂空shader效果,记录一下. 1.圆形镂空shader代码:  //计算片元世界坐标和目标中心位置的距离 float dis = distance(IN.worldPosition.xy, _Center.xy); //过滤掉距离小于(半径-过渡范围)的片元 clip(dis - (_Radius - _TransitionRange)); //优化if条件判断,如果距离小于半径则执行下一步,等于if(dis < _Radius) fixed tmp = st

  • Unity3D Shader实现动态屏幕遮罩

    屏幕可视范围跟随目标物体移动,可修改可视范围大小,边缘渐变大小.以及遮罩颜色,支持最高物体数量可在Shader中修改,当前版本支持最多9个物体. 效果图如下: 控制面板如下: Shader代码如下: Shader "Peter/DarkEffect" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { // No culling or depth Cull Off

  • Unity Shader实现纹理遮罩效果

    纹理遮罩用处很多,简单来讲就是允许我们可以保护模型中的某些区域不受某些因素的影响.例如我们有时希望模型表面某些区域的反光强烈一些,而某些区域弱一些.为了得到更加细腻的结果,我们需要用一张遮罩纹理来控制该光照.还有一些情况就是某些模型需要多张纹理混合时,此时使用遮罩纹理可以控制如何混合这些纹理. 具体流程为:通过采样得到遮罩纹理的纹素值,然后使用其中某个或者几个通道的值来与某种表面属性进行相乘.当该通道的值为0时,此时该表面属性不受遮罩纹理的影响. shader代码如下: Shader "Cust

  • Unity Shader实现描边OutLine效果

    本文实例为大家分享了Unity Shader实现描边OutLine效果的具体代码,供大家参考,具体内容如下 Shader实现描边流程大致为:对模型进行2遍(2个pass)绘制,第一遍(描边pass)在vertex shader中对模型沿顶点法线方向放大,fragment shader设置输出颜色为描边颜色:第二遍正常绘制模型,除被放大的部分外,其余被覆盖,这样就有了描边的效果. 实现代码如下: Shader "Custom/OutlineShader" { Properties { _

  • Unity Shader实现黑幕过场效果

    本文实例为大家分享了Unity Shader实现黑幕过场效果的具体代码,供大家参考,具体内容如下 一.效果演示 二.实现 Shader:黑幕过场着色器 //黑幕过场着色器 Shader "Custom/BlackScreenSpread" { Properties { _Color("Main Color", Color) = (1,1,1,1) _MainTex("Base (RGB)", 2D) = "white" {}

  • OpenGL Shader实现阴影遮罩效果

    目录 smoothstep另一种用法 遮罩效果实现 效果扩展 smoothstep另一种用法 在之前OpenGL Shader-抗锯齿实现文章中所介绍的那样:为了抗锯齿效果可以用smoothstep函数对绘制形状进行平滑过渡来实现.其中也提到了当smoothstep函数中入参a和b范围过大时就会出现渐变效果.如OpenGL Shader-抗锯齿实现中所展示的效果: 遮罩效果实现 看到这个效果后似乎可以利用smoothstep函数中a和b入参取大范围来实现不一样的特效能力.例如可以使用该特点来实现

  • Unity Shader实现序列帧动画效果

    本文实例为大家分享了Unity Shader序列帧动画效果的具体代码,供大家参考,具体内容如下   实现原理 主要的思想是设置显示UV纹理的大小,并逐帧修改图片的UV坐标.(可分为以下四步) 1.我们首先把 _Time.y 和速度属性_Speed 相乘来得到模拟的时间,并使用CG 的floor 函数对结果值取整来得到整数时间time 2.然后,我们使用time 除以_HorizontalAmount 的结果值的商来作为当前对应的行索引,除法结果的余数则是列索引. 3.接下来,我们需要使用行列索引

  • Unity Shader实现翻书效果

    今天实现一个简单的翻书的效果,话不多说,先上一张效果图: 这里就随便用的一张纹理了,我们还是称为"翻木板"吧,哈哈. 实现过程: 其实这个效果实现起来还是挺简单的,大概思路其实就是 让所有顶点都绕Z轴旋转,并且通过正余弦使之带有一点弧度. 下面开始让我们一步一步的实现该效果. 首先打开Unity新建一个工程,场景,并且创建一个名为openBookEffect的Shader文件,删掉原本多余的代码. 第一步,我们先让它绕z轴旋转起来 这里就要用到一个旋转矩阵了,让顶点左乘该矩阵,就能得到

  • Unity Shader实现水波纹效果

    本文实例为大家分享了Unity Shader实现水波纹的具体代码,供大家参考,具体内容如下 效果: Shader代码: Shader "Custom/shuibowen"{ Properties{ _MainTex("Base (RGB)",2D)="white"{} _distanceFactor("Distancefactor",float)=1 _timeFactor("time factor",fl

  • Unity Shader实现动态雾效果

    Unity Shader学习:动态雾,供大家参考,具体内容如下 先将相机近裁面四个角向量传给shader,再通过观察空间下的深度值和相机位置算出像素在世界坐标系的位置,通过世界空间高度值来设定雾的范围和浓度,然后通过噪声和uv偏移实现扰动效果.得到了类似寂静岭或恶灵附身1的效果. C#部分: using System.Collections; using System.Collections.Generic; using UnityEngine; [ExecuteInEditMode] publ

  • Unity Shader实现玻璃材质效果

    Unity Shader学习:玻璃材质,供大家参考. 主要是通过反射和折射来达到透明的效果,用菲涅尔来混叠. shader部分: Shader "Unlit/Crystal" { Properties { _Cube("Skybox",Cube)=""{} //折射角度 _EtaRatio("EtaRatio", Range(0, 1)) = 0 //菲涅尔系数 _FresnelBias("FresnelBias&q

  • unity shader实现玻璃折射效果

    本文实例为大家分享了unity shader实现玻璃折射的具体代码,供大家参考,具体内容如下 Shader "Unlit/render_reflect" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { Tags {"Queue" = "Transparent" "RenderType"="Op

随机推荐