【GAMES101】课堂笔记7--着色（光照与基本着色模型）

前言

本文为GAMES101现代计算机图形学入门 的学习笔记系列。

我们的系列笔记将分为两部分：

1. 课堂笔记
2. 作业

原课程为2020年2月闫令琪所教授的 GAMES101 现代计算机图形学入门。

课程主页：https://sites.cs.ucsb.edu/~lingqi/teaching/games101.html
（幻灯片和课程录像均在此处）

课程共计22节。作业共计8次。

针对人群：计算机图形学入门新手

教材：
Steve Marschner and Peter Shirley的"Fundamentals of Computer Graphics"
第三版或更新版本。目前无官方中文版。
民间翻译：https://www.stubbornhuang.com/1812/

笔记目录

---

2022-6-6

正文

本节课内容

• 深度
  – z-buffer
• shading
  – Blin-Phong

深度

遮挡关系、深度与画家算法

我们已经知道了如何把一个物体画到屏幕上，也就是MVP变换（Model-View-Projection）。现在还遗留一个问题：那就是物体的遮挡关系。

为此，我们可以定义每个物体离着我们摄像机的远近。离得远的就被放在后面，离得近的就被放到前面。

所以前面的东西会遮挡住后面的东西。

我们可以采用所谓的画家算法（painter’s algorithm）：先画最后面的，再画前面的。这样就自然而然满足了遮挡关系。

例如下面这幅画

我们先画出远处的山，再画出草地，最后画出树木。这样就满足了遮挡关系。

但是这样的做法有一个缺点：你需要对比每一个物体之间的远近，所以计算量很大。

假如场景中有n个物体。我们需要按照远近距离对n个物体进行排序。排序之后再按照从远到近的顺序依次画出物体。排序算法显然需要O(nlogn)的算法复杂度。

有没有更节约计算量的算法呢？

有的。那就是z-buffer算法。

z-buffer算法

说起来，z-buff算法也是很简单。它的中心思想就是：对于像素来说，不需要排序，遮挡了就覆盖上去就好了。

也就是如下算法：

首先初始化所有像素的距离为无穷大。
最外面的两层for循环，一个是对三角形，一个是对像素。
我们对每个像素而言：
假如 当前要画出来的距离更近，那么就覆盖掉原来的像素值，并且把当前的像素值的距离缓存。

这里远近距离是用z值来定义的，所以叫做z-buffer。

这个算法很简单，其实就是寻找最小值的一个算法，相信刷过算法题或者学过算法的人都写过类似的算法。寻找最小值的算法，其算法复杂度是O(n)，显然比画家算法要节约计算量。

下面是个例子。在这里，先画出来红色还是先画出来蓝色都是无所谓的。反正只有最近距离的像素值不会被覆盖掉。

目前知识的总结

我们现在已经学会了MVP变换，也学会了光栅化。

我们知道，其实将一个物体渲染的步骤无非以下：

1. 把模型放好（给出模型中各个点的坐标）
2. 把相机放好（把相机摆到标准位置）
3. 对着模型拍一张照片（视图变换，投影变换以及视口变换）
4. 在屏幕上画出这张照片（光栅化）

总而言之，所谓渲染，其实就是照照片。只不过这个照片是电脑画出来的。

着色（shading）

但是，我们还不能表现物体的明暗变化。

也就是说
我们只能画出这样的图形。

但是画不出这样的图形

两者的区别就在于加没加明暗变化。

也就是小孩子涂鸦与素描画的区别。小孩子涂鸦只知道涂抹色块，但是不知道处理明暗。而素描画就是专门处理明暗变化的。有了明暗变化，立体感才会显现出来。

用术语来说，这就是：shading（着色）。

我们接下来就介绍一种着色模型：Blinn-Phong模型。

Blinn-Phong着色模型

在进展之前，我们先讨论下：一张照片的明暗变化是由哪几部分组成的？

我们观察下面这个茶杯。我们发现有：

• 高光
• 漫反射
• 环境光

为此，我们要定义几个参数：

• 视线方向v
• 表面法向n
• 入射光方向I
• 表面的其他参数，例如颜色、光泽…

以上的前三个参数，由于只是表示方向的，所以我们用单位向量表示。

下面我们要分别处理高光、漫反射和环境光。

漫反射

对于漫反射，我们需要考虑两方面的因素：

• 入射角度
• 距离

入射角度对漫反射的影响

先说为什么和入射角度相关。

我们先取一小块单位表面。

• 当光直射表面的时候，接收光照的面积是整个面积，即1。
• 当光与表面有一个夹角的时候（我们用表面法向n与入射光I的夹角theta表示），接收光照的面积只是一部分面积。即小于1。
• 当光与表面完全平行的时候（也就是theta=90°），接收光照的面积为0。

那么具体来说，假如成theta角，接收光照的面积是原来的多少呢？

答案是$\cos \theta$

可以画出如下面第三个图来推导。

显然下面的那块面积正是$1\cdot \cos \theta$

而由于采用了单位向量，恰好单位向量$I$与$n$之间的点积就是$\cos \theta$

我们可以认为，只有$\cos \theta$的光能量被表面接收了。所以自然亮度要乘以$\cos \theta$。

距离对漫反射的影响

另一个影响因素，是距离

对于一个点光源来说，我们想象光向外发射出一个球壳。由于能量守恒的缘故，显然这个球壳越大，能量就约稀薄。也就是单位面积上能够接收到的能量就越小。这和摊煎饼是一个道理，摊的越大，面糊糊越薄。

按照什么样的比例衰减呢？

自然是球壳表面积有多大，能量就要均摊多少！

球壳表面积是$4\pi r^2$

所以光的能量自然是按照$r^2$这个比率来衰减的了！

Lambertian 定律

把上述两点因素结合起来，我们就得到了漫反射的规律，这被称之为Lambertian 定律。

就是下面这个公式

这里要说明：

1. 为什么要用max(0, …)?
   这是为了防止出现负数。而在我们情况里，夹角出现负数是没有意义的。光线不可能从物体的内部照射到物体表面。
2. 为什么要有前面的系数kd?
   首先，我们可以通过这个系数调整漫反射的强度，也就是明暗。其次，假如我们把它设置为向量，还可以表示不同颜色。因为不同颜色的吸收率可能是不同的。我们对每个颜色（RGB）给出一个系数，用来表示这种颜色没有被吸收的占比。这样就可以造成不同颜色的漫反射效果。
3. 为什么没有视线向量v？
   是因为漫反射与视角无关。无论你从哪个方向看过去，漫反射的光都是一样的。

下图展示了左上方光源照射一个球体得到的漫反射图像。可以发现：球体右下部分由于与光线夹角为0，是无法接受光线的，所以是暗的。而随着往左上方，球体表面法向与光源夹角越来越小，所以越来越亮。

不同的图片表示了不同kd的结果。这也可以看出，kd可以调整漫反射的强度。

一句话：漫反射处理的是物体与光源的相对位置（远近和方向）所造成的明暗变化。

高光

本节课结束，这部分下节课再说。