《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"
}
相关推荐
遇乐的果园3 小时前
前端学习笔记-vue加载渲染优化
前端·笔记·学习
遇乐的果园5 小时前
前端学习笔记-vue状态管理优化
前端·笔记·学习
从零开始的代码生活_5 小时前
C++ 继承详解:访问控制、对象模型、菱形继承与设计取舍
开发语言·c++·后端·学习·算法
可乐奶茶sky6 小时前
AI Agent 学习
人工智能·学习
茯苓gao6 小时前
嵌入式开发笔记:EtherCAT协议从硬件到软件完整配置指南——从零搭建一套EtherCAT通信系统
笔记·嵌入式硬件·学习
RD_daoyi8 小时前
外链权重暴跌至13%,品牌提及反超传统链接——2026年不做Digital PR,你的独立站等于隐形
运维·网络·学习·机器学习·搜索引擎
chase。8 小时前
【学习笔记】PointWorld:迈向通用机器人操控的3D世界模型
笔记·学习·机器人
AOwhisky9 小时前
Python 学习笔记(第十三期)——运维自动化(下·前篇):远程命令执行——paramiko基础篇
运维·python·学习·云原生·自动化·运维开发·paramiko
前端世界9 小时前
MySQL 基础入门(学习第4天)——约束与 DML 操作详解
数据库·学习·mysql
dear_bi_MyOnly9 小时前
【SpringBoot配置文件】
java·spring boot·后端·学习·spring·java-ee·学习方法