UnityShader(四):光照模型原理及漫反射和高光反射

一. 我们如何看见事物

我们在描述一个物体外貌时时常会说 “这物体是什么什么颜色的”,而在中学时,我们学的物理知识告诉我们,如果你看到这个物体是红色的,那就说明这个物体反射了很多红色光的波长,而吸收了其它颜色的波长。如果一个物体是黑色的,则说明这个物体吸收了大部分的波长。而这种物理现象也是我们在Shader要处理的问题。简单的说,可以分成这3个现象。

  • 光源发射出光线
  • 光线与物体相交,部分光线被吸收,部分光线被散射
  • 摄像机吸收了部分光线,产生图像

1.1 光源

既然有光,那就必定有光源。在渲染中,我们通常把光源当做一个点,用 ι表示光源方向。同时,为了量化光源发射出来的光,我们使用** 辐照度(irradiance)**来量化光。一般对于平行光,它的辐照度可以通过计算在垂直于ι 的单位面积上单位时间内穿过的能量来得到。

在计算光照模型时,我们需要知道一个物体表面的辐照度,但是物体表面往往不是和 ι 垂直的,所以为了得到这种情况下辐照度,我们可以通过计算光源方向 ι 和表面法线n之间的夹角的余弦值来得到。而且,这里默认方向矢量的摸都为1

image

左图中,光垂直照射到物体表面,所以光线之间的垂直距离保持不变;右图中,光是斜照到物体表面,所以光线间距离为 d / cos%u03B8θ ,因此单位面积上接收到的光线数目比左图少。
因为辐照度是和照射到物体表面时光线之间的距离 d /cos%u03B8θ成反比,即与cos%u03B8θ成正比。cos%u03B8θ可以用光源方向 l和表面法线 n点积得到。

1.2 吸收和散射

光源与物体相交一般会有两个结果:散射(scattering)吸收(absorption)
散射只改变光线方向,不改变光线密度和颜色。而吸收只改变光线密度和颜色,不改变其方向。光想在散射后一般有两种方向:
① 散射到物体内部,这种现象称为 折射(refraction)透射(transmission)
② 散射到外部,这种现象称为** 反射(reflection)**,对于不透明物体,折射进入物体内部的光线还会继续与内部的颗粒相交,同样会发生折射和反射现象,而此时从物体表面重新射出的光线将具有和入射光线不同的方向分布和颜色。

image
                                       折射的光线会在物体内部传播,有一部分会重新从表面发射出去

所以就产生了两种散射方向。为了区分这两种方向,我们在光照模型中使用了不同的部分来计算:
I . 高光反射(specular)部分表示物体表面是如何反射光线的
II . 漫反射(diffuse)部分表示有多少光线会被折射,吸收和散射出表面
我们引入** 出射度(exitance)**这个概念来描述出射度,而辐照度和出射度是满足线性关系的,而它们的比值就是材质的漫反射和高光反射属性。
在本文中,我们是假设漫反射部分是没有方向性的,即光线在所有方向上是平均分布的。同时,我们也只考虑某一个特定方向上的高光发射。

1.3 着色

根据 ① 材质属性(如漫反射,高光反射等属性) ② 光源信息(光源方向,光照强度等),使用一个等式去计算沿某个观察方向的出射度的过程,这个过程就叫做着色(shading)。而这个等式也称为 光照模型 (Light Model),而光照模型也这是本文所重点探讨的。光照模型不止一种,不同的光照模型对应着不同的作用。

1.4 BRDF 光照模型

当光线从某个方向照射到一个物体表面时,有多少光线被反射?反射方向有哪些?而 BRDF(Bidirectional Reflectance Distribution Funtion)回答了这些问题。当给定模型表面上的一个点时,BRDF 包含了对该点外观的完整描述。简单的说,BRDF可以从给定的入射光线的方向和辐照度计算出某个出射方向上的光照能量分布。本文涉及的光照模型均是经验模型,并不能真实地反映物体和光线之间的交互。但即便如此,经验模型也被应用了多年。

二. 标准光照模型

1973年,著名学者Bui Tuong Phong提出了标准光照模型的基本概念https://en.wikipedia.org/wiki/Bui_Tuong_Phong
标准光照模型只关注直接光照,简单得说就是 直接从光源发射出来照射到物体表面后,经过一次反射后直接进入摄像机的光线。基本方法是把进入摄像机的光线分成4个部分,每个部分分别有一种分发来计算其贡献度

  • 自发光 用Cemissive表示,意义为:当给定一个方向时,物体表面会往这个方向发射多少辐射量。 在没有全局光照的情况下,自发光不会照亮周围的物体,而仅仅是自身看起来更亮了。
  • 高光反射用Cspecular表示,意义为:物体表面完全镜面反射方向散射多少辐射量。
  • 漫反射 用 Cdiffuse表示,意义为:物体表面会向每个方向散射多少辐射量
  • 环境光 用Cambient表示,意义为:描述其它所有间接光照

2.1 自发光

标准光照模型中,自发光的计算可以直接使用该材质的自发光颜色Cemissive = Memissive

2.2 高光发射

这里所说的高光反射是一种经验模型,并不完全符合现实中的高光发射现象。可以让物体看起来比较有光泽,金属材质是其一。要计算高光发射需要4个参数:①表面法线 ②视角方向 ③光源方向 ④反射方向 。
下图给出了以上4个参数的关系

image

利用Phong模型可以计算出高光发射部分
image.png

其中Mgloss是材质的光泽度(gloss)或者称为 反光度(shininess)。而Max函数是为了防止点乘的结果为负数,所以将之截取至0。

2.3 漫反射

在漫反射中,视角的位置并不重要,因为反射是完全随机的,因此可以认为在任何反射方向上的分布都是一样的,但是入射光线的角度是重要的。

漫反射光照符合 兰伯特定律(Lambert's law)反射光线的强度与表面法线和光源方向间的夹角的余弦值成正比

image.png

这里同样要防止点乘为负数的情况,这样可以防止物体被从后面的光源照亮

2.4 环境光

环境光通常只是一个全局变量,所有物体都使用这个环境光 Cambient = Gambient

2.5 Blinn-Phong模型

和上面的Phong模型相比,Blinn模型避免了反射方向r的计算,而是引入了一个新的矢量h


image.png

然后使用n和 h之间的夹角进行计算,而不是 u和r之间的夹角。如 图


image

image.png

Blinn模型 和 Phong模型都是经验模型,在实际情况中,有时候Blinn模型更加合适。

2.6 逐像素光照与逐顶点光照

上面给出了光照模型的计算公式,而计算光照模型一般有两种方法。

① 在片元着色器中计算。此方法称为逐像素光照 或 Phong着色(Phong shading),以每个像素为基础,得到它的法线(可以对顶点法线插值得到,也可以从法线纹理中采样得到)
② 在顶点着色器中计算。 此方法称为 逐顶点光照 或 高洛德着色(Gouraud shading), 在每个顶点上计算光照,然后在渲染图元内部进行线性插值,输出成像素颜色。而顶点数目通常会远小于像素数目,所以逐顶点光照的计算量往往更小。不过,由于逐顶点计算依赖于线性插值如果光照模型中存在非线性插值时(如计算高光反射)就会出现问题。而且,渲染图元内部的颜色总是暗于顶点处的最高颜色值。我们稍后会看到这些情况。

看了这么久,大家都累了,先休息一下吧

image
image.gif
image
image.gif
image
image.gif

三. 在Shader中实现漫反射

漫反射光照模型的计算方式


image.png

其中max函数是为了防止点乘结果为负数,而Cg中提供了这个函数

image

这是MSDN上对Unity Shader内置函数staurate的解释。好了,理论知识准备完了,我们现在开始搞代码了 !!!

3.1 逐顶点光照

(1)在Unity中创建一个场景,该场景默认有一个摄像机和一个平行光,把天空盒置空。
Window -> Rendering -> LightingSetting


image

(2)创建一个Material,命名为DiffuseVertexLevel;创建一个Shader,命名同上,并把它赋给材质;创建一个Capsule,把材质赋给Capsule。

(3)保存场景,如图。

image

打开新建的shader,删除里面的代码,并按以下步骤书写代码
I. ** 首先给这个shader命名
image

II. ** 然后再 Properties
语块中声明了一个Color类型的属性,以得到和控制材质的漫反射颜色
image

III. 再在** SubShader** 语块中定义一个Pass语义块,这是因为顶点/片元着色器的代码需要写在Pass语义块里面,而不是SubShader里面。并且,在第一行指明了该Pass的光照模式为向前渲染。LightMode 标签是 Pass 标签中的一种,用于定义该Pass在Unity的光照流水线的角色。而且只有定义了正确的 LightMode ,才能使用一些Unity的内置光照变量。

image

IV. 然后 ,书写CG代码片。先定义顶点着色器和片元着色器,并且为了使用一些内置变量,包含一个内置文件

image

Lighting.cginc文件可以在 你的Unity安装目录/Editor/Data/CGIncludes下找到
V. 为了使用Properties 语块中定义的 _Diffuse ,需要定义一个和该类型匹配的变量。
image

这样就得到了计算公式中的参数之一 : 漫反射属性
**VI. **接着定义输入输出结构体
image

a2v中,vertex变量可以访问顶点信息;normal变量可以访问顶点法线信息
v2f中,pos变量负责保存片元着色器中的顶点在裁剪空间中的坐标;color变量负责接收片元着色器中计算出来的光照颜色,不过,color 变量并非必须使用COLOR语义,部分资料也会使用TEXCOORD0语义
**VII. **由于实现的是逐顶点光照,所以,光照计算会放在顶点着色器中
image

需要注意的是:
书中对顶点信息转换至裁剪空间用的是以下代码
image

如果你使用这行代码,Unity会提示你以下信息
image

并自动帮你更改为

image

版本更新之后,Unity提供了一个内置函数来进行转换空间,而 UnityObjectToClipPos 的函数原型如图
image

事实上,Unity也提供了一些其它转换的内置函数,稍后会列来部分常用内置函数
这里对光源方向的计算并不具备通用性,当场景中存在多个光源时,直接使用 _WoldSpaceLightPos() 并不能得到正确的结果。稍后会给出处理复杂的光源类型的方法。
**VIII. **再加上一个简单的片元着色器
image

**IX. **最后再加上一个“小备胎”,就OK了
image

完整的代码:

Shader "Unity/Custom/01-Diffuse Vertex-Level"
{
   Properties{
       _Diffuse ("Diffuse",Color) = (1,1,1,1)
   }

   SubShader
   {
       Pass
       {
           Tags {"LightModel" = "ForwardBase"}
   
           CGPROGRAM

           #pragma vertex vert
           #pragma fragment frag
           #include "Lighting.cginc"

           fixed4 _Diffuse;

           struct a2v
           {
               float4 vertex : POSITION;
               float3 normal : NORMAL;
           };

           struct v2f
           {
               float4 pos : SV_POSITION;
               fixed3 color : COLOR;
           };

           v2f vert(a2v v)
           {
               v2f o;
               //保存顶点在裁剪空间中的坐标信息
               o.pos = UnityObjectToClipPos(v.vertex);
               //得到环境光部分
               fixed3 ambient =  UNITY_LIGHTMODEL_AMBIENT.xyz;
               //把顶点法线转换到世界空间中
               fixed3 worldnormal = normalize(mul(v.normal,(float3x3)unity_WorldToObject));
               //光源方向归一化
               fixed3 worldlight = normalize(_WorldSpaceLightPos0.xyz);
               //光源颜色和强度、漫反射属性、顶点法线、光源方向,利用公式计算
               fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldnormal,worldlight));

               //环境光 + 漫反射光 = 最终光照结果
               o.color = ambient + diffuse;
               return o;
           }

           fixed4 frag(v2f i) : SV_Target
           {
               return fixed4(i.color,1.0); 
           }

           ENDCG

       }

   }

   FallBack "Diffuse"

}

保存一下,回到Unity查看效果


image

image

对于一些细分程度较高的模型,逐顶点光照的效果已经不错了,不过对于细分程度低的模型就会出现视觉问题。我们可以看到在向光面和背光面交界处的棱角十分明显。而为了解决这些问题,我们可以使用逐像素光照。

3.2 逐像素光照

逐像素光照与逐顶点光照的差异主要是计算光照的地方不一样,所以只需对上面逐顶点光照的代码进行部分修改便可。
(1)新建Material和Shader,命名为 DiffusePixelLevel。
(2)将逐顶点的代码复制进去,然后进行修改。
**I. **修改输出结构体v2f

image

其中,worldnormal 使用 TEXCOORD0,保存转换至世界空间的顶点法线信息。
**II. **顶点着色器不需要计算光照
image

**III. **片元着色器进行光照计算
image

因为大部分代码是一样的,这里就不贴完整代码了。
保存。回到Unity查看效果
image

image

对比可以看到,逐像素光照实现的效果比逐顶点更加平滑。不过即便如此,在光照无法到达的区域依旧是全黑的。如果添加了环境光就可以达到非全黑的效果,但是此时,模型背光面明暗会一样。而针对这一情况所提出的技术就是 ***半兰伯特(Half Lambert)光照模型 ***

3.3 半兰伯特模型

前面使用的光照模型也称为兰伯特光照模型。而广义上的半兰伯特光照模型的公式如下


image.png

对点积的结果进行 α 倍的缩放,再加上 β 的旋转。而绝大数情况下,α 和 β 都是0.5,所以公式也可以写成


image.png

对于背光面,在兰伯特模型中,点积结果为负数,然后均会被映射到 0 处;而在半兰伯特模型中,不同的点积结果会映射到不同的值,就会产生明暗变化。
不过需要注意的是,半兰伯特模型没有物理根据,仅仅是一个视觉加强技术。

**I. **同样新建Material和Shader,命名为Half-Lambert。

**II. **把逐像素光照模型的代码复制进去,只进行一下修改


image

保存。查看效果


image
                          逐顶点光照模型                      逐像素光照模型                            半兰伯特光照模型

可以看到,半兰伯特模型更加平滑,明暗变化也更明显。

四. 在Shader中实现高光反射

回想一下,上面所说的高光反射部分的计算公式


image.png

这里同样需要4个参数:① 入射光线的颜色和强度 ②材质高光反射系数 ③视角方向 ④反射方向
而反射方向可以由表面法线光源方向计算得到

image.png

而 Cg 也提供了计算这条公式的函数


image

image

4.1 逐顶点光照

I.新建一个Material 和 Shader,步骤与代码结构与漫反射相似
II.定义 Properties 语义块

image

其中 _Specular 属性控制高光反射,_Gloss 属性控制高光区域的大小
III.为了使用 Propreties 中的属性,需要定义相匹配的变量
image

IV.输入输出结构体与漫反射逐顶点光照模型的一样
image

V.在顶点着色器中计算光照,与漫反射类似
image

需要注意的是:reflect 函数的入射方向是
由光源指向交点
的,所以这里的参数要取负
**VI. **再加上片元着色器和回调Shader
image

完整代码:

 Shader "Unity/Custom/01-Specular Vectex---Level" 
 {
    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 { "LightMode"="ForwardBase" }
 
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
 
            #include "Lighting.cginc"
 
            fixed4 _Diffuse;
            fixed4 _Specular;
            float _Gloss;
            
            struct a2v{
 
                float4 vertex : POSITION;
                float3 normal : NORMAL;
 
            };
 
            struct v2f{
 
                float4 pos : SV_POSITION;
                fixed3 color : COLOR;
 
            };
 
            v2f vert(a2v v)
            {
                v2f o;
                //顶点信息转换至世界空间
                o.pos = UnityObjectToClipPos(v.vertex);
                //得到环境光部分
                fixed3 ambient =  UNITY_LIGHTMODEL_AMBIENT.xyz;
                //顶点法线转换至世界空间
                fixed3 worldnormal = normalize(mul(v.normal,(float3x3)unity_WorldToObject));
                //光源方向
                fixed3 worldlight = normalize(_WorldSpaceLightPos0.xyz);
                //漫反射部分
                fixed3 diffuse = _LightColor0.rgb * _Diffuse.rgb * saturate(dot(worldnormal,worldlight));
                //计算反射方向
                fixed3 reflectDir = normalize(reflect(-worldlight,worldnormal));
                //计算视角方向
                fixed3 viewDir = normalize(_WorldSpaceCameraPos.xyz - mul(unity_ObjectToWorld,v.vertex).xyz);
                //得到高光发射部分
                fixed3 specular = _LightColor0.rgb * _Specular.rgb * pow(saturate(dot(reflectDir,viewDir)),_Gloss);
                
                o.color = ambient + diffuse + specular;
                return o;
            }
 
            fixed4 frag(v2f i) : SV_Target
            {
                return fixed4(i.color,1.0); 
            }
            ENDCG
 
        }
 
    }
    
    FallBack "Specular"
 }

保存。回到Unity查看效果


image

可以看到,得到的效果棱角十分明显。上文也提过这个问题,因为高光发射部分的计算是非线性的,而顶点着色器的计算是线性插值的,所以便会产生这种视觉问题。

4.2 逐像素光照

和漫反射类似,逐像素光照需要改动的地方并不多,所以这里只贴出改动的代码块

image

image

image

保存,查看效果
image

可看到明显的平滑了许多。至此,我们就实现了一个完整的 Phong 光照模型。
如果你能从本文开头心平气和地看到这里,并且中途没有想锤我的想法,那么恭喜你初步掌握了 Phong 模型。先休息一下,最后还有一点知识点需要你坚持下去
image

好了,休息回来,我们学习最后一部分。

4.3 Blinn-Phong 光照模型

本文前面已经提出过这个概念,回想一下 **Blinn-Phong模型 **的计算公式


image.png

实现这个光照模型同样不难,步骤同上。取 4.2 中的代码,然后修改一小部分,这里只贴出修改的部分

image

效果对比:


image

可以看到 Blinn-Phong 光照模型的高光反射区域更大更亮一些。

五. 便利的内置函数

在前文的代码中,我们看到了不少求某某方向的代码实现。而我们的环境中是默认只有一个平行光的。如果光源类型复杂,我们就需要先判断光源类型再计算,而且计算过程参数也不少,就容易出现错误。所幸的是,Unity提供了许多内置函数来帮我们实现一些复杂的计算。这里,我列举出一些常用的函数及其作用,更多的内置函数,大家可以去**UnityCG.cgingc **文件中查看。


image.png

现在我们来改写** Blinn-Phong **中的代码


image

得到正常效果:


image

其他的还有许多便利的内置函数这里就不一 一列举出来了,大家可以在UnityCG.cginc中看到。

六. 总结

本文列出的Shader均是不完整的Shader,不可以直接运用于项目之中,会缺乏光照衰减等现象,只是为了学习光照模型的原理。且本文所列出的光照模型都是经验模型,并不能真正代表现实中的光照情况,但其仍在实时渲染领域被引用多年。

因为计算机图形学第一定律:如果它看起来是对的,那么它就是对的。
本文参考于:https://www.cnblogs.com/BFXYMY/p/9683608.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容