• 带法线贴图的高光着色


    <1>效果

    <2>代码

    //blinn高光 带法线细节
    //思路:使用切线空间下面的法线贴图(效率虽然低点,但是通用性好)
    //顶点函数计算切线空间转世界空间矩阵
    //片元函数采样法线贴图 并且反隐射 再计算光照
    Shader "Tang/617/BlinnTexNormal"{
    	Properties{
    		_Color("Tin Color",Color) = (1,1,1,1)
    		_MainTex("漫反射贴图",2D) = "white" { }
    		_BumpTex("法线贴图",2D) = "bump" { }
    		_BumpScale("BumpScale",Range(1,8)) = 2
    		_Specular("Specular",Color) = (1,1,1,1)
    		_Gloss("Gloss",Range(1,64)) = 8
    	}
    
    	SubShader{
    		Pass{
    			Tags {"LightMode" = "ForwardBase"}
    			CGPROGRAM
    			#pragma vertex vert 
    			#pragma fragment frag 
    			#include "Lighting.cginc"
    
    			struct a2v{
    				float4 vertex:POSITION;
    				float3 normal:NORMAL;
    				float4 tangent:TANGENT;
    				float4 texcoord:TEXCOORD0;
    			};
    			struct v2f{
    				float4 pos:SV_POSITION;
    				float4 uv:TEXCOORD0;
    				//切线空间转世界空间矩阵
    				float4 TtoW0:TEXCOORD1;
    				float4 TtoW1:TEXCOORD2;
    				float4 TtoW2:TEXCOORD3;
    			};
    
    			fixed4 _Color;
    			fixed4 _Specular;
    			fixed _Gloss;
    			sampler2D _MainTex;float4 _MainTex_ST;
    			sampler2D _BumpTex;float4 _BumpTex_ST;
    			fixed _BumpScale;
    
    			v2f vert(a2v v){
                    v2f o;
    				o.pos = UnityObjectToClipPos(v.vertex);
    				fixed3 worldNormal = UnityObjectToWorldNormal(v.normal);
    				fixed3 worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
    				fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz);
    				fixed3 worldBinormal = cross(worldNormal,worldTangent)*v.tangent.w;//保证副法线的方向正确*v.tangent.w?
    				//uv
    				o.uv.xy = TRANSFORM_TEX(v.texcoord,_MainTex);
    				o.uv.zw = TRANSFORM_TEX(v.texcoord,_BumpTex);
    				//切线到世界空间的矩阵
    				o.TtoW0 = float4(worldTangent.x,worldBinormal.x,worldNormal.x,worldPos.x);
    				o.TtoW1 = float4(worldTangent.y,worldBinormal.y,worldNormal.y,worldPos.y);
    				o.TtoW2 = float4(worldTangent.z,worldBinormal.z,worldNormal.z,worldPos.z);
    
    				return o;
    			}
    
    			fixed4 frag(v2f i):SV_Target{
    				//世界坐标
    				fixed3 worldPos = fixed3(i.TtoW0.w,i.TtoW1.w,i.TtoW2.w);
    				//世界光线方向
    				fixed3 lightDir = UnityWorldSpaceLightDir(worldPos);
    				//世界观察方向
    				fixed3 viewDir = UnityWorldSpaceViewDir(worldPos);
    				//采样法线贴图 并反隐射到-1,1(像素只能是0-1 所以需要反隐射)
    				fixed3 bump = UnpackNormal(tex2D(_BumpTex,i.uv.zw));
    				bump.xy *= _BumpScale;
    				bump.z = sqrt(1-saturate(dot(bump.xy,bump.xy)));
    				bump = normalize(half3(dot(i.TtoW0.xyz,bump),dot(i.TtoW1.xyz,bump),dot(i.TtoW2.xyz,bump)));
    				//下面使用法线进行光照计算
                    fixed3 albedo = tex2D(_MainTex,i.uv.xy)*_Color.rgb;
    				fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz*albedo;
    				fixed3 diffuse = _LightColor0.rgb*albedo* saturate(dot(bump,lightDir));								
    				//blinn
    				fixed3 h = normalize(lightDir+viewDir);
    				fixed3 specular = _LightColor0.rgb*_Specular.rgb* pow(saturate(dot(h,bump)),_Gloss);
    				return fixed4(ambient+diffuse+specular,1);
    			}
    
    			ENDCG
    		}
    	}
    
    	FallBack "Diffuse"
    }
    

      

    <3>最主要的是法线转到世界空间

    我们用的法线贴图的切线空间下的,所以需要切线空间转世界空间矩阵Mc->p 

    那么问题来了,这个做空间变换的矩阵是怎么推导出来的

    假如:Oc为子空间原点在父空间的坐标,X、Y、Z是子空间三条轴在父空间的表示

    现在子空间有1点p(a,b,c),求点p在父空间下的坐标

    Ap = Oc + aXc + bYc + cZc

    推导结果(过程Shader入门精要70页)

                  [Xcx,Ycx,Zcx]

    Mc->p = [Xcy,Ycy,Zcy]

                  [Xcz,Ycz,Zcz]

    --切线空间转世界空间矩阵

    --切线空间下的法线贴图 X轴是顶点切线 Z轴是顶点法线 Y轴是切线与法线的组成面的法线

    --需要知道切线空间的三条轴在世界空间的表示

    v2f vert(){

        fixed3 worldNormal = UnityObjectToWorldNormal(v.normal);

        fixed3 worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;

        fixed3 worldTangent = UnityObjectToWorldDir(v.tangent);

        fixed3 worldBinormal = cross(worldNormal,worldTangent)*v.tangent.w;

    }

    TtoW0[worldTangent.x , worldBinormal.x , worldNormal.x][bump.x]

    TtoW1[worldTangent.y , worldBinormal.y , worldNormal.y][bump.y]

    TtoW2[worldTangent.z , worldBinormal.z , worldNormal.z][bump.z]

    --矩阵相乘

    worldTangent.x*bump.x + worldBinormal.x*bump.y + worldNormal.x*bump.z

    worldTangent.y*bump.x + worldBinormal.y*bump.y + worldNormal.y*bump.z

    worldTangent.z*bump.x + worldBinormal.z*bump.y + worldNormal.z*bump.z

    即为

    x: dot(TtoW0.xyz,bump)

    y: dot(TtoW1.xyz,bump)

    z: dot(TtoW2.xyz,bump)

    最后,修改下片元函数

                    //切线空间转世界空间
                    //bump = normalize(half3(dot(i.TtoW0.xyz,bump),dot(i.TtoW1.xyz,bump),dot(i.TtoW2.xyz,bump)));
                    //用矩阵乘 其实跟上面是一样
                    fixed3x3 TtoW = fixed3x3(i.TtoW0.xyz,i.TtoW1.xyz,i.TtoW2.xyz);
                    bump = normalize( mul(TtoW,bump).xyz );
    

      

     
  • 相关阅读:
    记一次centos 服务器中毒事件
    heatmap
    this
    购物车
    带标签的无缝轮播
    无缝轮播
    图片滚动百分百宽度
    选择排序
    冒泡排序
    tab标签页
  • 原文地址:https://www.cnblogs.com/cocotang/p/11038963.html
Copyright © 2020-2023  润新知