当前位置:   article > 正文

Unity Shader 基础纹理_unity tangent

unity tangent

纹理最初的目的就是使用一张图片来控制模型的外观。使用纹理映射技术,我们可以把一张图片黏在模型表面,逐纹素地控制模型的颜色。

这里简单的总结一下单张纹理,凹凸映射,渐变纹理,遮罩纹理。

单张纹理

  1. Properties {
  2. _Color ("Color Tint", Color) = (1, 1, 1, 1)
  3. _MainTex ("Main Tex", 2D) = "white" {}
  4. _Specular ("Specular", Color) = (1, 1, 1, 1)
  5. _Gloss ("Gloss", Range(8.0, 256)) = 20
  6. }

上面到吗声明了一个名为_MainTex的纹理,2D手机纹理属性的声明方式。字符串后面跟一个花括号作为她的初始值,“white”是内置纹理的名字,也就是一个全白的纹理,为了控制整体的色调还声明了一个_Color属性。

  1. Tags { "LightMode"="ForwardBase" }
  2. #pragma vertex vert
  3. #pragma fragment frag
  4. #include "Lighting.cginc"
  5. fixed4 _Color;
  6. sampler2D _MainTex;
  7. float4 _MainTex_ST;
  8. fixed4 _Specular;
  9. float _Gloss;

LightMode标签是Psaa标签的一种,它用于定义该Pass在unity的光照流水线中的角色。

使用#pragma指令来告诉unity,我们定义的顶点和片元着色器的名字。

为了使用unity内置的一些变量,如_LightColor0,还需要包含unity的内置文件Lighting.cginc

我们需要在CG代码片中声明和上述属性类型匹配的变量,以便和材质面板中的属性建立联系。

  1. struct a2v {
  2. float4 vertex : POSITION;
  3. float3 normal : NORMAL;
  4. float4 texcoord : TEXCOORD0;
  5. };
  6. struct v2f {
  7. float4 pos : SV_POSITION;
  8. float3 worldNormal : TEXCOORD0;
  9. float3 worldPos : TEXCOORD1;
  10. float2 uv : TEXCOORD2;
  11. };

在上边的代码中,我们首先在a2v结构体中使用TEXCOORD0语义声明了一个新的变量texcoord,这样unity就会将模型的第一组纹理坐标存储到该变量中。然后我们在v2f结构体中添加了用于存储纹理坐标的变量nv,以便在片元着色器中使用该坐标进行纹理采样。

  1. v2f vert(a2v v) {
  2. v2f o;
  3. o.pos = UnityObjectToClipPos(v.vertex);
  4. o.worldNormal = UnityObjectToWorldNormal(v.normal);
  5. o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;
  6. o.uv = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw;
  7. return o;
  8. }

在顶点着色器中,我们使用纹理的属性值_MainTex_ST来对顶点纹理坐标进行转换,得到最后的纹理坐标。

  1. fixed4 frag(v2f i) : SV_Target {
  2. fixed3 worldNormal = normalize(i.worldNormal);
  3. fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));
  4. fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb;
  5. fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo;
  6. fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir));
  7. fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));
  8. fixed3 halfDir = normalize(worldLightDir + viewDir);
  9. fixed3 specular = _LightColor0.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Gloss);
  10. return fixed4(ambient + diffuse + specular, 1.0);
  11. }

上面代码首先计算了世界空间下的法线方向和光照方向。然后使用CG的tex2D函数对纹理进行采样。他的第一个参数是需要被采样的纹理,第二个参数是一个float2类型的纹理坐标,她将返回计算得到纹素值。我们使用采样结果和颜色属性_Color的乘积来作为材质反射率albedo,并把他和环境光照相乘得到环境光部分。随后,我们使用albedo来计算漫反射光照的结果,并和环境光照,高光反射光照相加后返回。

完整代码

  1. Shader "UnityShaders/SingleTexture" {
  2. Properties {
  3. _Color ("Color Tint", Color) = (1, 1, 1, 1)
  4. _MainTex ("Main Tex", 2D) = "white" {}
  5. _Specular ("Specular", Color) = (1, 1, 1, 1)
  6. _Gloss ("Gloss", Range(8.0, 256)) = 20
  7. }
  8. SubShader {
  9. Pass {
  10. Tags { "LightMode"="ForwardBase" }
  11. CGPROGRAM
  12. #pragma vertex vert
  13. #pragma fragment frag
  14. #include "Lighting.cginc"
  15. fixed4 _Color;
  16. sampler2D _MainTex;
  17. float4 _MainTex_ST;
  18. fixed4 _Specular;
  19. float _Gloss;
  20. struct a2v {
  21. float4 vertex : POSITION;
  22. float3 normal : NORMAL;
  23. float4 texcoord : TEXCOORD0;
  24. };
  25. struct v2f {
  26. float4 pos : SV_POSITION;
  27. float3 worldNormal : TEXCOORD0;
  28. float3 worldPos : TEXCOORD1;
  29. float2 uv : TEXCOORD2;
  30. };
  31. v2f vert(a2v v) {
  32. v2f o;
  33. o.pos = UnityObjectToClipPos(v.vertex);
  34. o.worldNormal = UnityObjectToWorldNormal(v.normal);
  35. o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;
  36. o.uv = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw;
  37. return o;
  38. }
  39. fixed4 frag(v2f i) : SV_Target {
  40. fixed3 worldNormal = normalize(i.worldNormal);
  41. fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));
  42. fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb;
  43. fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo;
  44. fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(worldNormal, worldLightDir));
  45. fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));
  46. fixed3 halfDir = normalize(worldLightDir + viewDir);
  47. fixed3 specular = _LightColor0.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Gloss);
  48. return fixed4(ambient + diffuse + specular, 1.0);
  49. }
  50. ENDCG
  51. }
  52. }
  53. FallBack "Specular"
  54. }

凹凸映射

纹理的另一种常见的应用就是凹凸映射。凹凸映射的目的是使用一张纹理来修改模型表面的法线,以便为模型提供更多的细节。

有两种主要的方法可以用来进行凹凸映射:一种是使用一张高度纹理来模拟表面位移,然后得到一个修改后的法线值,这种方法也被称为高度映射;另一种方法则是使用一张法线纹理来直接存储表面法线,这种方法又被称为法线映射。

总的来说,模型空间下的法线纹理更符合人类的直观认识,而且法线纹理本事也很直观,容易调整,因为不同的法线方向就代表了不同的颜色。

总的来说使用模型空间来存储法线的优点如下。

1.实现简单,更加直观。

2.纹理坐标的缝合处和尖端部分,可见的突变较少,即可以提供平滑的边界。

3.自由度高。

4.可以进行UV动画。

5.可以重用法线纹理。

6.可压缩。

  1. Properties
  2. {
  3. _Color ("Color Tint",Color)=(1,1,1,1)
  4. _MainTex ("Main Tex", 2D) = "white" {}
  5. _BumpMap("Normal Map",2D)="bump"{}
  6. _BumpScale("Bump Scale" ,Float)=1.0
  7. _Specular("Specular",Color)=(1,1,1,1)
  8. _Gloss("Gloss",Range(8.0,256))=20
  9. }

对于法线纹理_BumpMap,我们使用“bump”作为她的默认值。“bump”是uniy内置的法线纹理,当没有提供任何法线纹理时,“bump”就对应模型自带的法线信息。_BumpScale则是用于控制凹凸程度的,当他为0的时候,法线纹理不会对光照产生任何影响。

  1. Tags{"LightMode"="ForwardBase"}
  2. #pragma vertex vert
  3. #pragma fragment frag
  4. #include "Lighting.cginc"
  5. fixed4 _Color;
  6. sampler2D _MainTex;
  7. float4 _MainTex_ST;
  8. sampler2D _BumpMap;
  9. float4 _BumpMap_ST;
  10. float _BumpScale;
  11. fixed4 _Specular;
  12. float _Gloss;
  13. struct a2v{
  14. float4 vertex :POSITION;
  15. float3 normal:NORMAL;
  16. float4 tangent:TANGENT;
  17. float4 texcoord:TEXCOORD0;
  18. };
  19. struct v2f{
  20. float4 pos:SV_POSITION;
  21. float4 uv:TEXCOORD0;
  22. float3 lightDir:TEXCOORD1;
  23. float3 viewDir:TEXCOORD2;
  24. };

为了得到该纹理的属性(平铺和偏移参数),我们为_MainTex和_BumpMap定义了_MainTex_ST和_BumpMap_ST变量。

我们已经知道,切线空间是由顶点法线和切线构建出的一个坐标空间,因此我们需要得到顶点的切线信息。为此我们修改顶点着色器的输入结构体a2v

我们使用TANGENT语义来描述float4类型的tangent变量,以告诉unity把顶点的切线方向填充到tangent变量中。需要注意的是,和法线方向normal不同,tangent的类型是float4,而非float3,因为我们需要使用tangent.w分量;来决定切线空间中的第三个坐标轴——副切线的方向性。

我们需要在顶点着色器中计算切线空间先的光照和视角方向,因此我们在v2f结构体中添加了两个变量来存储变换后的光照和视角方向。

  1. v2f vert(a2v v){
  2. v2f o;
  3. o.pos=UnityObjectToClipPos(v.vertex);
  4. o.uv.xy=v.texcoord.xy*_MainTex_ST.xy+_MainTex_ST.zw;
  5. o.uv.zw=v.texcoord.xy*_BumpMap_ST.xy+_BumpMap_ST.zw;
  6. TANGENT_SPACE_ROTATION;
  7. o.lightDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  8. o.viewDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  9. return o;
  10. }

由于我们使用两张纹理,因此需要存储两个纹理坐标。为此我们吧v2f中的uv变量类型定义为float4类型,其中xy分量存储了_MainTex的纹理坐标,而zw分量存储了_BumpMap的纹理坐标,然后我们把模型空间下切线方向,副切线方向和法线方向按照排列来得到从模型空间到切线空间的变换矩阵。Unity也提供了一个内置宏TANGENT_SPACE_ROTATION来帮助我们直接计算得到rotation变换矩阵,它的实现和上述代码完全一样。然后我们使用Unity的内置函数ObjSpaceLightDir和ObjSpaceViewDir来得到模型空间下的光照和视角方向,再利用变换矩阵rotation把他们从模型空间变换到切线空间中。

  1. fixed4 frag(v2f i):SV_Target{
  2. fixed3 tangentLightDir=normalize(i.lightDir);
  3. fixed3 tangentViewDir=normalize(i.viewDir);
  4. fixed4 packedNormal=tex2D(_BumpMap,i.uv.zw);
  5. fixed3 tangentNormal;
  6. tangentNormal=UnpackNormal(packedNormal);
  7. tangentNormal.xy*=_BumpScale;
  8. tangentNormal.z=sqrt(1.0-saturate(dot(tangentNormal.xy,tangentNormal.xy)));
  9. fixed3 albedo=tex2D(_MainTex,i.uv).rgb*_Color.rgb;
  10. fixed3 ambient=UNITY_LIGHTMODEL_AMBIENT.xyz*albedo;
  11. fixed3 diffuse=_LightColor0.rgb*albedo*max(0,dot(tangentNormal,tangentLightDir));
  12. fixed3 halfDir=normalize(tangentLightDir+tangentViewDir);
  13. fixed3 specular=_LightColor0.rgb*_Specular.rgb*pow(max(0,dot(tangentNormal,halfDir)),_Gloss);
  14. return fixed4 (ambient+diffuse+specular,1.0);
  15. }

上面的代码中,我们首先利用tex2D对法线纹理_BumpMap进行采样。法线纹理中存储的是把法线经过映射后得到的像素值,因此我们需要把他们反映射回来。如果我们没有再unity里把法线纹理的类型设置成Normal map就需要在代码中手动进行这个过程。我们首先把packedNormal的xy分量按之前提到的公示映射回法线方向,然后乘以_BumpScale来得到tangentNormal.xy分量。由于法线都是单位矢量,因此tangentNormal.z分量可以由tangentNormal.xy计算得到。由于我们使用的是切线空间下的法线纹理,因此可以保证法线方向的z分量为正。在unity中,为了方便unity对法线纹理的存储进行优化,我们通常会吧法线纹理的纹理类型标识成Normal map,unity会根据平台来选择不同的压缩方式。这时如果我们在使用上面的方法来计算就会得到错误的结果,因为此时的_BumpMap的rgb分量并不再是切线空间下法线的方向的xyz值了,这种情况下,我们可以使用unity的内置函数UnpackNormal来得到正确的法线方向。

完整代码

  1. Shader "Unlit/NormalMapTangentSpace"
  2. {
  3. Properties
  4. {
  5. _Color ("Color Tint",Color)=(1,1,1,1)
  6. _MainTex ("Main Tex", 2D) = "white" {}
  7. _BumpMap("Normal Map",2D)="bump"{}
  8. _BumpScale("Bump Scale" ,Float)=1.0
  9. _Specular("Specular",Color)=(1,1,1,1)
  10. _Gloss("Gloss",Range(8.0,256))=20
  11. }
  12. SubShader
  13. {
  14. Pass
  15. {
  16. Tags{"LightMode"="ForwardBase"}
  17. CGPROGRAM
  18. #pragma vertex vert
  19. #pragma fragment frag
  20. #include "Lighting.cginc"
  21. fixed4 _Color;
  22. sampler2D _MainTex;
  23. float4 _MainTex_ST;
  24. sampler2D _BumpMap;
  25. float4 _BumpMap_ST;
  26. float _BumpScale;
  27. fixed4 _Specular;
  28. float _Gloss;
  29. struct a2v{
  30. float4 vertex :POSITION;
  31. float3 normal:NORMAL;
  32. float4 tangent:TANGENT;
  33. float4 texcoord:TEXCOORD0;
  34. };
  35. struct v2f{
  36. float4 pos:SV_POSITION;
  37. float4 uv:TEXCOORD0;
  38. float3 lightDir:TEXCOORD1;
  39. float3 viewDir:TEXCOORD2;
  40. };
  41. v2f vert(a2v v){
  42. v2f o;
  43. o.pos=UnityObjectToClipPos(v.vertex);
  44. o.uv.xy=v.texcoord.xy*_MainTex_ST.xy+_MainTex_ST.zw;
  45. o.uv.zw=v.texcoord.xy*_BumpMap_ST.xy+_BumpMap_ST.zw;
  46. TANGENT_SPACE_ROTATION;
  47. o.lightDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  48. o.viewDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  49. return o;
  50. }
  51. fixed4 frag(v2f i):SV_Target{
  52. fixed3 tangentLightDir=normalize(i.lightDir);
  53. fixed3 tangentViewDir=normalize(i.viewDir);
  54. fixed4 packedNormal=tex2D(_BumpMap,i.uv.zw);
  55. fixed3 tangentNormal;
  56. tangentNormal=UnpackNormal(packedNormal);
  57. tangentNormal.xy*=_BumpScale;
  58. tangentNormal.z=sqrt(1.0-saturate(dot(tangentNormal.xy,tangentNormal.xy)));
  59. fixed3 albedo=tex2D(_MainTex,i.uv).rgb*_Color.rgb;
  60. fixed3 ambient=UNITY_LIGHTMODEL_AMBIENT.xyz*albedo;
  61. fixed3 diffuse=_LightColor0.rgb*albedo*max(0,dot(tangentNormal,tangentLightDir));
  62. fixed3 halfDir=normalize(tangentLightDir+tangentViewDir);
  63. fixed3 specular=_LightColor0.rgb*_Specular.rgb*pow(max(0,dot(tangentNormal,halfDir)),_Gloss);
  64. return fixed4 (ambient+diffuse+specular,1.0);
  65. }
  66. ENDCG
  67. }
  68. }
  69. Fallback "Specular"
  70. }

渐变纹理

纹理可以储存任何表面属性。常见的一种用法就是使用渐变纹理来控制漫反射光关照的结果。在计算漫反射光照时,我们都是使用表面法线和光照方向的点击结果和材质的反射率相乘来得到表面反射的光照。但是有时候我们需要更加灵活地控制光照结果。

有一种基于冷到暖色调的着色技术,用来得到一种插画风格的渲染效果。使用这种技术,可以保证物体轮廓相比之前使用的传统漫反射光照更加明显,而且能够提供多种色调变化。现在很多卡通风格渲染都使用这种技术。

  1. Properties
  2. {
  3. _Color ("Color Tint", Color) = (1, 1, 1, 1)
  4. _RampTex ("Ramp Tex", 2D) = "white" {}
  5. _Specular ("Specular", Color) = (1, 1, 1, 1)
  6. _Gloss ("Gloss", Range(8.0, 256)) = 20
  7. }

声明一个纹理属性来存储渐变纹理

  1. Tags { "LightMode"="ForwardBase" }
  2. #pragma vertex vert
  3. #pragma fragment frag
  4. #include "Lighting.cginc"
  5. fixed4 _Color;
  6. sampler2D _RampTex;
  7. float4 _RampTex_ST;
  8. fixed4 _Specular;
  9. float _Gloss;
  10. struct a2v{
  11. float4 vertex :POSITION;
  12. float3 normal:NORMAL;
  13. float4 texcoord:TEXCOORD0;
  14. };
  15. struct v2f{
  16. float4 pos:SV_POSITION;
  17. float3 worldNormal:TEXCOORD0;
  18. float3 worldPos:TEXCOORD1;
  19. float2 uv:TEXCOORD2;
  20. };

为渐变纹理_RanpTex定义了他的纹理属性变量_RanpTex_ST。

  1. v2f vert(a2v v){
  2. v2f o;
  3. o.pos = UnityObjectToClipPos(v.vertex);
  4. o.worldNormal = UnityObjectToWorldNormal(v.normal);
  5. o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;
  6. o.uv = TRANSFORM_TEX(v.texcoord, _RampTex);
  7. return o;
  8. }

顶点着色器使用内置的TRANSFORM_TEX宏来计算经过平铺和偏移后的纹理坐标。

  1. fixed4 frag(v2f i):SV_Target{
  2. fixed3 worldNormal=normalize(i.worldNormal);
  3. fixed3 worldLightDir=normalize(UnityWorldSpaceLightDir(i.worldPos));
  4. fixed3 ambient=UNITY_LIGHTMODEL_AMBIENT.xyz;
  5. fixed halfLambert=0.5*dot(worldNormal,worldLightDir)+0.5;
  6. fixed3 diffuseColor=tex2D(_RampTex,fixed2(halfLambert,halfLambert)).rgb*_Color.rgb;
  7. fixed3 diffuse=_LightColor0.rgb*diffuseColor;
  8. fixed3 viewDir=normalize(UnityWorldSpaceViewDir(i.worldPos));
  9. fixed3 halfDir=normalize(worldLightDir+viewDir);
  10. fixed3 specular=_LightColor0.rgb*_Specular.rgb*pow(max(0,dot( worldNormal,halfDir)),_Gloss);
  11. return fixed4 (ambient+diffuse+specular,1.0);
  12. }

上面的代码中,我们使用半兰伯特模型,通过对法线方向和光照方向的点积做一次0.5倍的缩放以及一个0.5大小的偏移来计算半兰伯特部分halfLambert。这样,我们得到halfLamnert的范围被映射到[0,1之间]。之后,我们使用halfLambert来构建一个纹理坐标,并用这个纹理坐标对渐变纹理_RampTex进行采样。由于_RampTex实际就是一个一个维纹理,因此纹理坐标的u和v方向我们都使用balfLambert。然后,把从渐变纹理采样得到的颜色和材质_Color相乘,得到最终的漫反射颜色。剩下的代码就是计算高光反射和环境光,并把他们的结果进行相加。

遮罩纹理

简单来讲遮罩允许我们可以保护某些区域,使他们免于某些修改。

使用遮罩纹理的流程一般是:通过采样得到遮罩纹理的纹素值,然后使用其中某个通道的值来与某种表面属性进行相乘,这样,当该通道的值为0时,可以保护表面不受该属性的影响。总而言之,使用遮罩纹理可以让美术人员更加精准的控制模型表面的各种性质。

  1. Properties
  2. {
  3. _Color("Color Tint",Color)=(1,1,1,1)
  4. _MainTex("Main Tex",2D)="white"{}
  5. _BumpMap("Normal Map",2D)="bump"{}
  6. _BumpScale("Bump Scale",Float)=1.0
  7. _SpecularMask("Specular Mask",2D)="white"{}
  8. _SpecularScale("Specilar Scale",Float)=1.0
  9. _Specular("Specular",Color)=(1,1,1,1)
  10. _Gloss("Gloss",Range(8.0,256))=20
  11. }

我们需要更多的变量来控制高光反射

_SpecularMask既是我们需要使用的高光反射遮罩纹理,_SprcularScale则是用于控制遮罩影响度的系数。

  1. Tags{ "LightMode"="ForwardBase"}
  2. #pragma vertex vert
  3. #pragma fragment frag
  4. #include "Lighting.cginc"
  5. fixed4 _Color;
  6. sampler2D _MainTex;
  7. float4 _MainTex_ST;
  8. sampler2D _BumpMap;
  9. float _BumpScale;
  10. sampler2D _SpecularMask;
  11. float _SpecularScale;
  12. fixed4 _Specular;
  13. float _Gloss;

我们为主纹理_MainTex,法线纹理_BumpMap和遮罩纹理_SpecularMask定义了他们共同使用色纹理属性变量_MainTex_ST.意味着,在材质面板中修改主纹理的平铺系数和偏移系数会同时影响三个纹理的采样。使用这种方式可以让我们节省需要存储的纹理坐标数目,如果我们为每一个纹理都使用一个单独的属性变量TectureName_ST,那么随着使用纹理数目的增加,我们会迅速占满顶点着色器中可以使用的插值寄存器。而且很多时候,我们不需要对纹理进行平铺和位移操作,或者很多纹理可以使用同一个平铺和位移操作,此时我们就可以对这些纹理使用同一个变换后的纹理坐标进行采样。

  1. struct a2v{
  2. float4 vertex :POSITION;
  3. float3 normal:NORMAL;
  4. float4 tangent :TANGENT;
  5. float4 texcoord:TEXCOORD0;
  6. };
  7. struct v2f{
  8. float4 pos:SV_POSITION;
  9. float2 uv:TEXCOORD0;
  10. float3 lightDir:TEXCOORD1;
  11. float3 viewDir:TEXCOORD2;
  12. };
  1. v2f vert(a2v v){
  2. v2f o;
  3. o.pos=UnityObjectToClipPos(v.vertex);
  4. o.uv.xy=v.texcoord.xy*_MainTex_ST.xy+_MainTex_ST.zw;
  5. TANGENT_SPACE_ROTATION;
  6. o.lightDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  7. o.viewDir=mul(rotation,ObjSpaceViewDir(v.vertex)).xyz;
  8. return o;
  9. }

在顶点着色器中,我们对光照方向和视角方向进行了坐标空间的转换,把他们从模型空间变换到了切线空间中,以便在片元着色器中和法线进行光照运算。

  1. fixed4 frag(v2f i):SV_Target{
  2. fixed3 tangentLightDir=normalize(i.lightDir);
  3. fixed3 tangentViewDir=normalize(i.viewDir);
  4. fixed3 tangentNormal=UnpackNormal(tex2D(_BumpMap,i.uv));
  5. tangentNormal.xy*=_BumpScale;
  6. tangentNormal.z=sqrt(1.0-saturate(dot(tangentNormal.xy,tangentNormal.xy)));
  7. fixed3 albedo=tex2D(_MainTex,i.uv).rgb*_Color.rgb;
  8. fixed3 ambient=UNITY_LIGHTMODEL_AMBIENT.xyz*albedo;
  9. fixed3 diffuse=_LightColor0.rgb*albedo*max(0,dot(tangentNormal,tangentViewDir));
  10. fixed3 halfDir=normalize(tangentLightDir+tangentLightDir);
  11. fixed specularMask=tex2D(_SpecularMask,i.uv).r*_SpecularScale;
  12. fixed3 specular=_LightColor0.rgb*_Specular.rgb*pow(max(0,dot(tangentNormal,halfDir)),_Gloss)*specularMask;
  13. return fixed4(ambient+diffuse+specular,1.0);
  14. }

使用遮罩纹理的地方是片元着色器。我么使用它来控制模型表面的高光反射强度。

环境光和漫反射光照和之前使用的代码是一样的。在计算高光反射时,我们首先对遮罩纹理_SpecularMask进行采样。由于本书使用遮罩纹理中每个纹素的rgb分量其实都是一样的,表明了该点对应的高光反射强度,在这里我们选择使用r分量来计算遮码值。然后,我们用得到的遮码值和_SpecularScale相乘,一起来控制高光反射的强度。

需要说明的是,我们使用的这种遮罩纹理其实有很多空间被浪费了——它的rgb分量存储的都是同一个值。在实际的游戏制作中,我们往往会充分利用遮罩纹理中的每一个颜色通道来存储不同的表面属性。

完整代码

  1. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  2. Shader "Custom/MaskTexture"
  3. {
  4. Properties
  5. {
  6. _Color("Color Tint",Color)=(1,1,1,1)
  7. _MainTex("Main Tex",2D)="white"{}
  8. _BumpMap("Normal Map",2D)="bump"{}
  9. _BumpScale("Bump Scale",Float)=1.0
  10. _SpecularMask("Specular Mask",2D)="white"{}
  11. _SpecularScale("Specilar Scale",Float)=1.0
  12. _Specular("Specular",Color)=(1,1,1,1)
  13. _Gloss("Gloss",Range(8.0,256))=20
  14. }
  15. SubShader
  16. {
  17. Pass{
  18. Tags{ "LightMode"="ForwardBase"}
  19. CGPROGRAM
  20. #pragma vertex vert
  21. #pragma fragment frag
  22. #include "Lighting.cginc"
  23. fixed4 _Color;
  24. sampler2D _MainTex;
  25. float4 _MainTex_ST;
  26. sampler2D _BumpMap;
  27. float _BumpScale;
  28. sampler2D _SpecularMask;
  29. float _SpecularScale;
  30. fixed4 _Specular;
  31. float _Gloss;
  32. struct a2v{
  33. float4 vertex :POSITION;
  34. float3 normal:NORMAL;
  35. float4 tangent :TANGENT;
  36. float4 texcoord:TEXCOORD0;
  37. };
  38. struct v2f{
  39. float4 pos:SV_POSITION;
  40. float2 uv:TEXCOORD0;
  41. float3 lightDir:TEXCOORD1;
  42. float3 viewDir:TEXCOORD2;
  43. };
  44. v2f vert(a2v v){
  45. v2f o;
  46. o.pos=UnityObjectToClipPos(v.vertex);
  47. o.uv.xy=v.texcoord.xy*_MainTex_ST.xy+_MainTex_ST.zw;
  48. TANGENT_SPACE_ROTATION;
  49. o.lightDir=mul(rotation,ObjSpaceLightDir(v.vertex)).xyz;
  50. o.viewDir=mul(rotation,ObjSpaceViewDir(v.vertex)).xyz;
  51. return o;
  52. }
  53. fixed4 frag(v2f i):SV_Target{
  54. fixed3 tangentLightDir=normalize(i.lightDir);
  55. fixed3 tangentViewDir=normalize(i.viewDir);
  56. fixed3 tangentNormal=UnpackNormal(tex2D(_BumpMap,i.uv));
  57. tangentNormal.xy*=_BumpScale;
  58. tangentNormal.z=sqrt(1.0-saturate(dot(tangentNormal.xy,tangentNormal.xy)));
  59. fixed3 albedo=tex2D(_MainTex,i.uv).rgb*_Color.rgb;
  60. fixed3 ambient=UNITY_LIGHTMODEL_AMBIENT.xyz*albedo;
  61. fixed3 diffuse=_LightColor0.rgb*albedo*max(0,dot(tangentNormal,tangentViewDir));
  62. fixed3 halfDir=normalize(tangentLightDir+tangentLightDir);
  63. fixed specularMask=tex2D(_SpecularMask,i.uv).r*_SpecularScale;
  64. fixed3 specular=_LightColor0.rgb*_Specular.rgb*pow(max(0,dot(tangentNormal,halfDir)),_Gloss)*specularMask;
  65. return fixed4(ambient+diffuse+specular,1.0);
  66. }
  67. ENDCG
  68. }
  69. }
  70. Fallback "Specular"
  71. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/649798
推荐阅读
相关标签
  

闽ICP备14008679号