首页 > 其他分享 >Shader入门精要笔记 - CH7.2_法线贴图

Shader入门精要笔记 - CH7.2_法线贴图

时间:2023-02-03 00:33:40浏览次数:63  
标签:贴图 CH7.2 法线 MainTex vertex Shader tangentNormal fixed3

左侧为没用法线贴图,就视觉上没有凹凸感

 

 

法线贴图+高光+贴图漫反射(MainTex)

Shader "My/Tex/NormalMapInTagentSpace"
{
    Properties
    {
        _MainTex("Texture", 2D) = "white" {}
        _Color("Diffuse Color", Color) = (1, 1, 1, 1)

        _BumpMap("Normal Map", 2D) = "bump" {} //法线贴图(非高度贴图), 默认为模型自带法线信息
        _BumpScale("Bump Scale", float) = 1.0 //凹凸强度因子

        _Specular("Specular", Color) = (1, 1, 1, 1) //高光反射颜色
        _Gloss("Gloss", Range(8.0, 256)) = 20 //高光区域大小
    }
    SubShader
    {
        Tags { "LightMode" = "ForwardBase" }

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "Lighting.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float3 normal : NORMAL; //顶点法线
                float2 texcoord : TEXCOORD0;
                float4 tangent : TANGENT; //顶点切线
            };

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

            sampler2D _MainTex;
            float4 _MainTex_ST;
            fixed4 _Color;

            sampler2D _BumpMap;
            float4 _BumpMap_ST;
            float _BumpScale;

            fixed4 _Specular;
            float _Gloss;

            v2f vert(appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv.xy = TRANSFORM_TEX(v.texcoord, _MainTex);
                o.uv.zw = TRANSFORM_TEX(v.texcoord, _BumpMap);

                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);

                //法线会参与到漫反射和高光反射的
                fixed4 packedNormal = tex2D(_BumpMap, i.uv.zw); //采样法线贴图,贴图存放了法线向量的x, y值
                fixed3 tangentNormal; //切线空间法线
                tangentNormal = UnpackNormal(packedNormal);
                tangentNormal.xy *= _BumpScale;
                tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy))); //因为法线向量为单位向量, 所以x*x+y*y+z*z=1, 就可以推导出z值

                fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb; //取贴图颜色作为漫反射颜色
                fixed3 ambientColor = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo; //环境光

                fixed3 lambert = max(0, dot(tangentNormal, tangentLightDir));
                fixed3 diffuseColor = _LightColor0.rgb * albedo * lambert; //漫反射计算公式

                fixed3 halfDir = normalize(tangentLightDir + tangentViewDir); // blinn模型引入的h向量
                fixed3 specularColor = _LightColor0.rgb * _Specular.rgb * pow(max(0, dot(tangentNormal, halfDir)), _Gloss); // blinn模型高光反射计算公式(更亮, 高光区域更大)

                return fixed4(ambientColor + diffuseColor + specularColor, 1);
            }
            ENDCG
        }
    }

    Fallback "Specular"
}

 

标签:贴图,CH7.2,法线,MainTex,vertex,Shader,tangentNormal,fixed3
From: https://www.cnblogs.com/sailJs/p/17080062.html

相关文章

  • 初级入门 --- 纹理贴图:为形体穿上外衣
    之前章节我们学习了绘制单一和渐变颜色的三角形,但是在实际的建模中(游戏居多),模型表面往往都是丰富生动的图片。这就需要有一种机制,能够让我们把图片素材渲染到模型的一个或......
  • shader调试
    简单点就是将要调试的值输出为颜色1) 比如:调试顶点值时,将顶点值输出为颜色Shader"My/VertexDebug"{Properties{_MainTex("Texture",2D)="whi......
  • 贴图填满相机视口
    效果图1)FillCamera.shader和材质FillCamera.mat,将材质贴图设置为bg2)场景中创建一个Quad(Plane不行),材质设置为FillCamera.mat FillCamera.shaderShader"My/......
  • 图集Sprite作为材质贴图显示
    效果使用的图集 测试shader注意:如果Sprite带有透明度,注意使用Blend,否则透明部分将显示为黑色Shader"My/SpriteToMatTex"{Properties{_MainT......
  • Unity PBR Shader之衣服渲染之镭射
    一,关于镭射,Unity里已经提供好了公式,我们只需要调用就行,如下: 效果如下:转载请注明出处:https://www.cnblogs.com/jietian331/p/17062603.html......
  • Unity PBR Shader之衣服渲染之绒毛
    一,关于绒毛渲染原理,网上可参考的资料非常多,这里可参考:https://www.xbdev.net/directx3dx/specialX/Fur/index.php 二,渲染方案1.绒毛是立体的,但我们衣服是一层片,所以......
  • Unity PBR Shader之衣服渲染之丝袜,湿身
    一,丝袜渲染,其实相当简单了,在原有丝绸shader基础上增加半透明即可,效果图如下:  二,湿身,首先要模拟身体上有水流动的效果,可以用noise贴图配合ui动画经过一番处理生成雨水m......
  • Unity URP Shader之如何获取屏幕纹理
    UnityURP获取屏幕纹理方法不同于传统管线,GrabPass已经失效,而是已经提供了这张纹理,如下图: 这张纹理是在渲染完所有Opaque物体之后提供了,所以shader中要获取这张纹......
  • Unity PBR Shader之衣服渲染之丝绸
    丝绸silk、缎子satin、尼龙和聚酯一,观察效果一般来说,丝绸和其他合成纤维更光滑,因为它们是作为单根光滑细丝生产的。当它被编织时,它会产生一种具有各向异性镜面高光的织物......
  • 6 shadergraph 实现2d植物摆动
    https://blog.csdn.net/kill566666/article/details/110264803?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167385463616800225583774%2522%252C%2522scm%2......