《Unity Shader入门精要》学习1:Phong 模型中法向量归一化的正确位置

学习《Unity Shader入门精要》的Phong模型时,按自己的理解写出了这样的代码:

复制代码
Shader "CH6/SpecularPixelLevel"
{
    Properties
    {
        _Diffuse("Diffuse", Color) = (1, 1, 1, 1)
        _Specular("Specular", Color) = (1, 1, 1, 1)
        _Gloss("Gloss", Range(8.0, 256)) = 20
    }
    SubShader
    {
        Pass
        {
            Tags { "RenderType"="ForwardBase" }
    
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "Lighting.cginc"

            fixed4 _Diffuse;
            fixed4 _Specular;
            float _Gloss;
            struct appdata_t
            {
                float4 pos: POSITION;
                float3 normal: NORMAL;
            };
            
            struct v2f
            {
                float4 pos: SV_POSITION;
                fixed4 worldPos: TEXCOORD0;
                float3 worldNormal: TEXCOORD1;
            };
    
            v2f vert(appdata_t v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.pos);
                o.worldPos = mul(unity_ObjectToWorld, v.pos);
                o.worldNormal = normalize(mul(v.normal, (fixed3x3)unity_WorldToObject));

                return o;
            }

            float4 frag(v2f i): SV_Target
            {
				// ambient
                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
                
                // diffuse
                fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
                fixed3 diffuse = _Diffuse.rgb * _LightColor0.rgb * saturate(dot(i.worldNormal, worldLightDir));

                // specular
                fixed3 reflectDif = reflect(-worldLightDir, i.worldNormal);
                fixed3 viewDir = normalize(_WorldSpaceCameraPos - i.worldPos);
                fixed3 specular = _Specular.rgb * _LightColor0.rgb * pow(saturate(dot(reflectDif, viewDir)), _Gloss);

                fixed3 color = ambient + diffuse + specular;
                
                return fixed4(color, 1);
            }
            ENDCG
        }
    }
    FallBack "Diffuse"
}

结果代码和书上的不一样,书上在vertex shader没有将worldNormal归一化,归一化放在了fragment shader。我的代码是将顶点数据的worldNormal归一化了,所以片元数据插值后也是归一化的嘛?于是就想验证一下自己的想法,比较代码也挺简单:

复制代码
Shader "CH6/SpecularPixelLevel"
{
    Properties
    {
        _Diffuse("Diffuse", Color) = (1, 1, 1, 1)
        _Specular("Specular", Color) = (1, 1, 1, 1)
        _Gloss("Gloss", Range(8.0, 256)) = 20
    }
    SubShader
    {
        Pass
        {
            Tags { "RenderType"="ForwardBase" }
    
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "Lighting.cginc"

            fixed4 _Diffuse;
            fixed4 _Specular;
            float _Gloss;
            struct appdata_t
            {
                float4 pos: POSITION;
                float3 normal: NORMAL;
            };
            
            struct v2f
            {
                float4 pos: SV_POSITION;
                fixed4 worldPos: TEXCOORD0;
                float3 worldNormal: TEXCOORD1;
            };
    
            v2f vert(appdata_t v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.pos);
                o.worldPos = mul(unity_ObjectToWorld, v.pos);
                o.worldNormal = normalize(mul(v.normal, (fixed3x3)unity_WorldToObject));

                return o;
            }

            float4 frag(v2f i): SV_Target
            {

				float worldNormalLength = length(i.worldNormal);
                float diff = abs(worldNormalLength - 1.0);
                fixed3 color = lerp(fixed3(1, 0, 0), fixed3(0, 1, 0), step(0.001, diff));
                return fixed4(color, 1);
            }
            ENDCG
        }
    }
    FallBack "Diffuse"
}

代码通过length(i.worldNormal)计算法向量长度

,abs(normalLength - 1.0)获取与 1 的偏差,

当偏差小于 0.001(近似为 1)时显示绿色,否则显示红色。结果显示

调整scale比例,长度不是1的法向量更多,但计算光照还是需要长度是1的法向量的:

书上的代码是没有问题的,vertex shader顶点数据不用归一化直接插值,插值后的片元数据再进行归一化。附上正确的代码:

复制代码
Shader "CH6/SpecularPixelLevel"
{
    Properties
    {
        _Diffuse("Diffuse", Color) = (1, 1, 1, 1)
        _Specular("Specular", Color) = (1, 1, 1, 1)
        _Gloss("Gloss", Range(8.0, 256)) = 20
    }
    SubShader
    {
        Pass
        {
            Tags { "RenderType"="ForwardBase" }
    
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "Lighting.cginc"

            fixed4 _Diffuse;
            fixed4 _Specular;
            float _Gloss;
            struct appdata_t
            {
                float4 pos: POSITION;
                float3 normal: NORMAL;
            };
            
            struct v2f
            {
                float4 pos: SV_POSITION;
                fixed4 worldPos: TEXCOORD0;
                float3 worldNormal: TEXCOORD1;
            };
    
            v2f vert(appdata_t v)
            {
                v2f o;
                o.pos = UnityObjectToClipPos(v.pos);
                o.worldPos = mul(unity_ObjectToWorld, v.pos);
                o.worldNormal = mul(v.normal, (fixed3x3)unity_WorldToObject);

                return o;
            }

            float4 frag(v2f i): SV_Target
            {

                // ambient
                fixed3 worldNormal = normalize(i.worldNormal);
                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
                
                // diffuse
                fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);
                fixed3 diffuse = _Diffuse.rgb * _LightColor0.rgb * saturate(dot(worldNormal, worldLightDir));

                // specular
                fixed3 reflectDif = reflect(-worldLightDir, worldNormal);
                fixed3 viewDir = normalize(_WorldSpaceCameraPos - i.worldPos);
                fixed3 specular = _Specular.rgb * _LightColor0.rgb * pow(saturate(dot(reflectDif, viewDir)), _Gloss);

                fixed3 color = ambient + diffuse + specular;
                
                return fixed4(color, 1);
            }
            ENDCG
        }
    }
    FallBack "Diffuse"
}
相关推荐
Larry_Yanan1 小时前
QML学习笔记(四十五)QML与C++交互:信号槽的双向实现
c++·笔记·qt·学习·ui·交互
Rock_yzh2 小时前
AI学习日记——PyTorch深度学习快速入门:神经网络构建与训练实战
人工智能·pytorch·python·深度学习·神经网络·学习
hello kitty w2 小时前
Python学习(10) ----- Python的继承
开发语言·python·学习
CandyU23 小时前
C++ 学习 —— 02 - 排序算法
c++·学习·排序算法
开发游戏的老王3 小时前
虚幻引擎虚拟制片入门教程目录
游戏引擎·虚幻
~无忧花开~3 小时前
CSS学习笔记(二):CSS动画核心属性全解析
开发语言·前端·css·笔记·学习·css3·动画
浮游本尊4 小时前
React 18.x 学习计划 - 第五天:React状态管理
前端·学习·react.js
baole9634 小时前
YOLOv4简单基础学习
学习·yolo·目标跟踪
Pluchon5 小时前
硅基计划5.0 MySQL 叁 E-R关系图&联合/多表查询&三大连接&子查询&合并查询
开发语言·数据库·学习·mysql
学工科的皮皮志^_^5 小时前
网口学习理解
经验分享·笔记·嵌入式硬件·学习·fpga开发·以太网