mirrors/lwjglbook-CN-Translation
1
0
Fork 0
mirror of https://github.com/mouse0w0/lwjglbook-CN-Translation.git synced 2025-08-23 04:35:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Proofread chapter 10

Browse Source
This commit is contained in:
Mouse
2019-12-29 21:44:33 +08:00
parent 41f0fcf136
commit d4f7600d18
2 changed files with 112 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
docs/10-let-there-be-light.md
View File

@@ -1,144 +1,148 @@
# 要有光（Let there be light） # 要有光（Let there be light）
在本章中，我们将学习如何为我们的3D游戏引擎添加光照。我们不会去实现一个完美的物理光照模型，因为抛开复杂性不说，它还需要巨量的计算机资源，相反我们只需要一个近似的、像样的光照效果。我们将使用一种名为 __Phong__ 的着色算法（由Bui Tuong Phong开发）。另一个需要注意的是，我们将只模拟灯光，但我们不会模拟这些灯光所产生的阴影（这将在其他章节中完成）。 在本章中，我们将学习如何为3D游戏引擎添加光照。我们不会去实现一个完美的光照模型，因为抛开复杂性不谈，它还需要消耗大量的计算机资源，相反我们只需要一个近似的、像样的光照效果：我们将使用名为 __Phong__ 的着色算法（由Bui Tuong Phong开发）。另一个需要注意的是，我们将只模拟光照，但不会模拟这些光照所产生的阴影（这将在后续章节中实现）。
在开始之前，首先定义几个光源种类： 在开始之前，先定义几个光照类型：
* **点光源(Point Light)**：这种光源模拟的是一个由点向空间各个方向均匀散射的光源 * **点光源（Point Light）**：这种光源模拟的是一个由点向空间各个方向均匀散射的光源。
* **聚光源(Spot Light)**：这种光源模拟从空间中的点发射的光源，但不是在所有方向上发射，而是限定在了一个锥形方向上 * **聚光源（Spot Light）**：这种光源模拟从空间中的点发射的光源，但不是在所有方向上发射，而是限定在了一个锥形方向上。
* **平行光源(Directional Light)**：这种光源模拟了太阳光，3D场景中的所有物体都会受到来自特定方向的平行光线的照射。无论物体是近抑或是远，光线总是以一定角度照射在物体上的。 * **平行光源（Directional Light）**：这种光源模拟了太阳光，3D场景中的所有物体都会受到来自特定方向的平行光线的照射。无论物体是近抑或是远，光线总是以一定角度照射在物体上的。
* **环境光(Ambient Light)**：这种类型的光源来自空间的任何地方，并以相同的强度照亮所有物体。 * **环境光（Ambient Light）**：这种类型的光源来自空间的任何地方，并以相同的强度照亮所有物体。
![光照类型](_static/10/light_types.png) ![光照类型](_static/10/light_types.png)
因此，为了模拟光，我们需要考虑光源类型，以及光的位置和其他一些参数，如颜色。当然，我们还必须考虑物体如何受光照影响以及吸收和反射光。 因此，为了模拟光照，我们需要考虑光照的类型、位置和其他一些参数，如颜色。当然，我们还必须考虑物体如何受光照影响吸收和反射光。
Phong着色算法将模拟光线对我们模型中每个点的影响，即对每个顶点的影响。这就是为什么它被称为局部光照模型的原因，这也是该算法不能计算阴影的原因，它只会计算应用到每个顶点的光，而不考虑顶点是否在挡光物体的后面。我们将在后面的章节中解决这个问题。但是，正因为如此，它是一种非常简单快速的算法，并且可以提供非常好的效果。我们将在这里实现一个没有深入考虑材质影响的简化版本。 Phong着色算法将模拟光线对我们模型中每个点的影响，即对每个顶点的影响。这就是为什么它被称为局部光照模型的原因，这也是该算法不能计算阴影的原因：它只会计算应用到每个顶点的光照，而不考虑顶点是否位于遮光物体之后。我们将在此后的章节中解决这个问题。但正因如此，它是一种非常简单快速的算法，并且可以提供非常好的效果。我们将在此实现一个没有深入考虑材质影响的简化版本。
Phong算法提供了三种光照分量： Phong算法提供了三种光照分量：
* **环境光(Ambient Light)**：模拟来自任何地方的光，这将为我们提供（需要对应强度值）未被任何光线照射的区域，就像背景光。 * **环境光（Ambient Light）**：模拟来自任何方向的光照，它将照亮（需要对应强度值）未受任何光线照射的区域，就像背景光。
* **漫反射(Diffuse Reflectance)**：考虑到面对光源的表面更亮。 * **漫反射（Diffuse Reflectance）**：考虑到面向光源的表面更亮。
* **镜面反射(Specular Reflectance)**：模拟光线如何在抛光表面或金属表面上反射。 * **镜面反射（Specular Reflectance）**：模拟光线在抛光或金属表面上的反射。
最后，我们还要知道的规律是，乘以分配给片段的颜色，将根据接收的光线将该颜色变得更亮或更暗。我们令$A$为环境光、$D$为漫反射、$S$为镜面高光。根据以上规律对于分量的加法表示如下： 最后，我们要得到一个因数，将它与指定片元的颜色相乘，根据它所受的光照将该颜色变得更亮或更暗。令$A$为环境光、$D$为漫反射光、$S$为镜面反射光，目标因数将是上述分量的总和：
$$L = A + D + S$$ $$L = A + D + S$$
这些分量其实就是颜色，也就是每个光分量所贡献的颜色分量。这是因为光分量不仅会提供一定程度的强度，还会改变模型的颜色。在我们的片段着色器中，我们只需将该光的颜色与原始片段颜色（从纹理或基色获得）相乘即可。 这些分量其实就是颜色，也就是每个光照分量所贡献的颜色分量。这是因为光照分量不仅会提供一定程度的亮度，还会改变模型的颜色。在我们的片元着色器中，只需将该光照的颜色与原始片元颜色（从纹理或基色获得的）相乘即可。
我们也可以为相同的材质分配不同的颜色，这些颜色将用于环境光，漫反射和镜面反射。因此，这些分量将由材质相关的颜色而受到调整。如果材质具有纹理，我们将简单地为每个分量使用单个纹理。 我们还可以为相同的材质指定不同的颜色，这些颜色将用于环境光、漫反射和镜面反射分量。因此，这些分量将由材质关联的颜色调整。如果材质有纹理，我们只需为每个分量使用一个纹理。
所以对于非纹理材质的最终颜色将是：$L = A * 环境光色 + D * 漫反射的颜色 + S * 镜面反射的颜色$ 所以对于无纹理的材质的最终颜色将是：
对于有纹理材质的最终颜色将是： $$L = A * 环境光的颜色 + D * 漫反射的颜色 + S * 镜面反射的颜色$$
$$L = A * 材质颜色 + D * 材质颜色 + S * 材质颜色$$ 对于有纹理的材质的最终颜色将是：
$$L = A * 纹理颜色 + D * 纹理颜色 + S * 纹理颜色$$
## 环境光分量 ## 环境光分量
让我们来看看第一个分量，即环境光分量，它只是一个常量值，会使我们的所有对象变得更亮或更暗。我们可以使用它来模拟特定时间段内的光线（黎明，黄昏等），也可以用它来添加一些光线，这些光线不直接被光线照射，但可以以简单的方式被间接光线照射（比如反射）。 让我们来看看第一个分量，即环境光分量，它只是一个常量，会使我们的所有物体变得更亮或更暗。我们可以使用它来模拟一天中特定时间段内的光照（黎明、黄昏等），也可以用它来添加一些不直接被光线照射到，但可以以简单的方式被间接光线照射（比如反射）到的点的光照。
环境光是运算最简单的分量，我们只需要传递一种颜色，并乘以基本颜色，以调整该基本颜色。假如我们已经确定片段的颜色是$（1.0，0.0，0.0）$，即红色。如果没有环境光时，它将显示为完全红色的片段。如果我们将环境光设置为$（0.5,0.5,0.5）$，则最终颜色将为$（0.5,0,0）$，其实就是变暗的红色。这种光会以同样的方式使所有片段变暗（说光照暗了物体似乎有点奇怪，实际上这就是我们得到的效果）。除此之外，如果光色的RGB分量不相同，它还可以为片段添加一些颜色，所以我们只需要一个向量来调节环境光强度和颜色。 环境光是最容易计算的分量，我们只需要传递一种颜色，它将与基色相乘，以调整该基色。假如我们已经确定片元的颜色是$(1.0, 0.0, 0.0)$，即红色。如果没有环境光时，它将显示为完全红色的片元。如果我们将环境光设置为$(0.5, 0.5, 0.5)$，则最终颜色将为$(0.5, 0.0, 0.0)$，其实就是变暗的红色。这种光照会以相同的方式使所有片元变暗（称其为使物体变暗的光似乎有点奇怪，事实上这就是我们得到的效果）。此外，如果光色的RGB分量不相同，它还可以为片元添加一些颜色，所以我们只需要一个矢量来调节环境光强度和颜色。
## 漫反射 ## 漫反射
现在我们来谈谈漫反射。它模拟了这样的规律，即与光源垂直的面看起来比以更接近光的角度接收光的面更亮。一个物体接收的光线越多，其光密度（让我这样称呼）就越高。 现在我们来谈谈漫反射，它模拟了这样一个现象：与光线垂直的面看起来比以更接近与光线平行的角度接收光线的面更亮。一个物体接收到的光越多，其光密度（在此这样称呼）就越高。
![漫反射光](_static/10/diffuse_light.png) ![漫反射光](_static/10/diffuse_light.png)
但是，我们该如何计算它？ 你还记得上一章我们介绍过的法线概念吗？法线是垂直于平面并且长度为1的向量。因此，让我们在上图中绘制三个点的法线，如你所见，每个点的法线将是垂直于每个点的切平面的向量。我们不去绘制来自光源的光线，而是绘制从每个点到光源（即相反的方向）的向量。 但是，我们该如何计算它？你还记得上一章中我们介绍过的法线的概念吗？法线是垂直于平面并且长度为1的向量。因此，让我们为上图中的三个点的绘制法线。如你所见，每个点的法线将是垂直于每个点的切平面的向量。我们不用绘制来自光源的光线，而是绘制从每个点到光源（即相反的方向）的向量。
![法线与光的方向](_static/10/diffuse_light_normals.png) ![法线与光线的方向](_static/10/diffuse_light_normals.png)
正如你所看到的，$P1$点的法线$N1$，与指向光源的向量平行，该法线的方向与光线的方向相反（$N1$已经被平移标记，以便你可以看到它，但它在数学上是等价的）。$P1$相对于指向光源的向量，其角度等于$0$。因为它的平面垂直于光源，所以$P1$将是最亮的点。 如你所见，$P1$点的法线$N1$与指向光源的向量平行，该法线的方向与光线的方向相反（$N1$已被移动，以便你可以看到它，但这在数学上是等价的）。$P1$与指向光源的向量所成的夹角等于$0$。因为它的切平面垂直于光源，所以$P1$将是最亮的点。
$P2$点的法线$N2$，与指向光源的向量的夹角约为30度，所以它应该比$P1$更暗。最后，$P3$的法线$N3$也与指向光源的向量平行，但两个向量的方向相反。$P3$与指向光源的向量的角度为180度，所以根本不应该获得任何光线。 $P2$点的法线$N2$与指向光源的向量所成的夹角约为30度，所以它应该比$P1$更暗。最后，$P3$的法线$N3$也与指向光源的向量平行，但两个向量的方向相反。$P3$与指向光源的向量的角度为180度，所以根本不应该接收到任何光线。
所以，看起来我们得到了一个计算某个点的光照强度的好方法，光强与该点的法线和该点指向光源的向量之间的夹角大小有关。但我们具体要怎么计算它呢？ 因此，我们似乎得到了一个计算某点的光照强度的好方法，光强与该点的法线和该点指向光源的向量之间的夹角大小有关。但我们要怎么计算它呢？
有一个我们可以使用的数学运算————数量积（又称为点积）。该操作需要两个向量并产生一个数字（标量），如果它们之间的角度较小，则生成一个正数；如果它们之间的角度很大，则生成一个负数。如果两个向量都被归一化，即两者的长度都等于1，那么数量积的结果将介于$-1$和$1$之间。如果两个向量的方向相同（即夹角为$0$），则数量积为1；如果两个向量夹角为直角，则它的值为$0$；如果两个向量的方向相反，则为$-1$。 有一个我们可以使用的数学运算————数量积（又称为点积）。该运算需要两个向量并得到一个数字（标量），如果它们之间的角度较小，则得到一个正数；如果它们之间的角度很大，则得到一个负数。如果两个向量都被归一化，即两者的长度都等于1，那么数量积的结果将介于$-1$和$1$之间。如果两个向量的方向相同（即夹角为$0$），则数量积为1；如果两个向量夹角为直角，则它的值为$0$；如果两个向量的方向相反，则为$-1$。
我们定义两个向量，$v1$和$v2$，并以$$α$$作为它们之间的夹角。数量积的定义如下： 我们定义两个向量，$v1$和$v2$，并以$α$作为它们之间的夹角。数量积的定义如下：
![数量积](_static/10/dot_product.png) ![数量积](_static/10/dot_product.png)
如果两个向量都归一化，即它们的长度，它们的模块将等于1，它们的数量积即为夹角的余弦值。我们同样使用该运算来计算漫反射分量。 如果两个向量都归一化，即它们的长度，或它们的模长等于1，它们的数量积即为夹角的余弦值。我们将使用该运算来计算漫反射分量。
所以我们需要计算指向光源的向量。我们如何做到这一点？ 假如我们有每个点的位置（即顶点位置），我们有光源的位置。首先，这两个坐标必须位于相同的坐标系中。为了简化，让我们假设它们都处于世界坐标系中，那么这些位置是指向顶点位置（$VP$）和光源（$VS$）的矢量的坐标，如下图所示： 所以我们需要计算指向光源的向量，该怎么做呢？假如我们有每个点的位置（即顶点位置）和光源的位置。首先，这两个坐标必须位于同一个坐标空间中。为了简化，我们假设它们都处于世界坐标系中，那么这些位置是指向顶点位置（$VP$）和光源（$VS$）的向量的坐标，如下图所示：
![漫反射光照运算](_static/10/diffuse_calc_i.png) ![漫反射光照运算I](_static/10/diffuse_calc_i.png)
如果我们从$VP$中减去$VS$，我们就得到了$L$向量。 如果我们从$VP$中减去$VS$，就会得到我们所需的向量，称为$L$。
现在，我们可以在指向光源的矢量和法线之间做数量积，因为Johann Lambert是第一个提出这种关系来模拟平面亮度的，所以该乘积被称为兰伯特项。 现在，我们可以在指向光源的矢量和法线之间做数量积，因为Johann Lambert是第一个提出这种关系来模拟平面亮度的，所以该乘积被称为兰伯特项。
让我们总结一下，我们定义以下变量： 让我们总结一下，定义以下变量：
* $vPos$ ：我们的顶点在模型视图空间坐标中的位置。 * $vPos$ ：我们的顶点在模型观察空间坐标系中的位置。
* $lPos$：视图空间坐标中的光线位置。 * $lPos$：观察空间坐标系中的光源位置。
* $intensity$：光的强度（从0到1）。 * $intensity$：光的强度（从0到1）。
* $lCourour$：光的颜色。 * $lCourour$：光的颜色。
* $normal$：顶点法线。 * $normal$：顶点法线。
首先，我们需要计算从当前位置指向光源的向量：$toLightDirection = lPos - vPos$。该操作的结果需要进行归一化。 首先我们需要计算从当前位置指向光源的向量：$toLightDirection = lPos - vPos$，该运算的结果需要归一化。
然后我们需要计算漫反射因子（标量）：$diffuseFactor = normal \cdot toLightDirection$。计算两个向量之间的数量积，我们希望它在$-1$和$1$之间，所以两个向量都需要进行归一化。颜色需要在$0$到$1$之间，所以如果值低于$0$，我们将它设置为$0$。 然后我们需要计算漫反射因数（标量）：$diffuseFactor = normal \cdot toLightDirection$。计算两向量之间的数量积，我们希望值介于$-1$和$1$之间，所以两个向量都需要归一化。颜色需要介于$0$到$1$之间，所以如果值低于$0$，我们将其设为$0$。
最后，我们只需要通过漫反射因子和光强来调制光色： 最后，我们只需要通过漫反射因数和光的强度来调节光的颜色：
$$ color = diffuseColour * lColour * diffuseFactor * intensity$$ $$ color = diffuseColour * lColour * diffuseFactor * intensity$$
## 镜面反射 ## 镜面反射
现在我们来看看镜面反射，但首先我们需要知道光线是如何反射的。当光照射到一个平面时，它的一部分被吸收，另一部分被反射，如果你还记得你的物理课内容，反射就是光子从物体反弹回来。 现在看到镜面反射，但首先我们需要知道光线是如何反射的。当光照射到一个表面时，它的一部分被吸收，另一部分被反射，如果你还记得你的物理课知识，反射就是光从物体反弹回来。
![反射光](_static/10/light_reflection.png) ![光反射](_static/10/light_reflection.png)
当然，平面不是完全抛光的，如果你近距离仔细观察，你会看到很多不平整的地方。除此之外，有许多射线光（实际上是光子），会撞击这个平面，并且会以各种各样的角度进行反射。因此，我们看到的就像是一束光照射一平面并散射出去。也就是说，光线在撞击平面时会发散，这就是我们之前讨论过的漫反射分量。 当然，物体表面不是完全抛光的，如果你仔细观察，你会看到很多不平整的地方。此外还有许多光线（实际上是光子），会撞击这个表面，并且会以不同的角度进行反射。因此，我们看到的就像是一束光照射表面并散射回来。也就是说，光在撞击表面时会发散，这就是我们之前讨论过的漫反射分量。
![平面](_static/10/surface.png) ![表面](_static/10/surface.png)
但是，当光线照射抛光平面时，例如金属，光线会受到较低扩散的影响，并且大部分光线会反射到相反的方向。 但是，当光线照射抛光表面时，例如金属，光线会受到较低的扩散影响，并且在它撞到表面时，大部分会向反方向反射。
![抛光平面](_static/10/polished_surface.png) ![抛光平面](_static/10/polished_surface.png)
这就是镜面反射模型，它取决于材质特性。关于镜面反射，要注意的一点是，只有当摄像机处于适当的位置时，即反射光的发射区域内，反射光才可见。 这就是镜面反射分量的模型，它取决于材质属性。对于镜面反射，重要的是只有当摄像机处于恰当的位置时，即反射光的反射区域内，反射光才可见。
![镜面高光](_static/10/specular_lightining.png) ![镜面光照](_static/10/specular_lightining.png)
解释了反射的机制，我们接下来准备计算这个分量。首先，我们需要一个从光源指向顶点的向量。当我们计算漫反射分量时，我们使用的是方向与之相反的向量，它指向的是光源。$toLightDirection$，所以让我们将其计算为$fromLightDirection = -(toLightDirection)$。 既然已经解释了镜面反射之中的机理，我们接下来准备计算这个分量。首先我们需要一个从光源指向顶点的向量。当我们计算漫反射分量时，我们使用的是方向与之相反的向量，它指向的是光源，即$toLightDirection$。所以让我们将其计算为$fromLightDirection = -(toLightDirection)$。
然后我们需要计算正常情况下由$fromLightDirection$到平面所产生的反射光。有一个名为reflect的GLSL函数。所以，$reflectLight = reflect(fromLightSource, normal)$。 然后我们需要考虑到表面的法线，来计算由$fromLightDirection$射出的光线撞击表面所产生的反射光。有一个名为`reflect`的GLSL函数实现了该功能。所以，$reflectLight = reflect(fromLightSource, normal)$。
我们还需要一个指向相机的向量，并将其命名为$cameraDirection$，然后计算出相机位置和顶点位置之间的差值：$cameraDirection = cameraPos - vPos$。相机位置向量和顶点位置需要处于相同的坐标系中，并且生成的向量需要进行归一化。下图概述了我们目前计算的主要分量： 我们还需要一个指向摄像机的向量，并将其命名为$cameraDirection$，然后计算出摄像机位置和顶点位置之间的差值：$cameraDirection = cameraPos - vPos$。摄像机位置向量和顶点位置需要处于相同的坐标系中，并且得到的向量需要归一化。下图概述了我们目前计算的主要分量：
![镜面高光运算](_static/10/specular_lightining_calc.png) ![镜面光照计算](_static/10/specular_lightining_calc.png)
现在我们需要计算光强，即$specularFactor$。如果$cameraDirection$和$reflectLight$向量指向相同的方向，该值就越高，如果它们方向相反其值则越低。为了计算这个值我们将再次使用数量积。$specularFactor = cameraDirection \cdot reflectLight$。我们只希望这个值在$0$和$1$之间，所以如果它低于$0$，就设置它为0。 现在我们需要计算光强，即$specularFactor$。如果$cameraDirection$和$reflectLight$向量指向相同的方向，该值就越高，如果它们方向相反其值则越低。为了计算该值我们将再次运用数量积。$specularFactor = cameraDirection \cdot reflectLight$。我们只希望该值位于$0$和$1$之间，所以如果它低于$0$，就将它设为0。
我们还需要考虑到，如果相机指向反射光锥，则该光更强烈。这可以通过计算$specularFactor$的$specularPower$幂来实现，其中$specularPower$为给定的参数： 我们还需要考虑到，如果摄像机指向反射光锥，则该光更强烈。这可以通过计算$specularFactor$的$specularPower$次幂来实现，其中$specularPower$为给定的参数：
$$ specularFactor = specularFactor ^ {specularPower} $$。 $$specularFactor = specularFactor^{specularPower}$$
最后，我们需要对材质的反射率进行建模，反射率将影响反射光的强度，这将使用一个名为reflectance的参数。所以镜面反射分量的颜色分量为：$$ specularColour * lColour * reflectance * specularFactor * intensity $$。 最后，我们需要对材质的反射率进行建模，如果光线反射，反射率将调节反射光的强度，这将用到一个名为`reflectance`的参数。所以镜面反射分量的颜色为：
$$specularColour * lColour * reflectance * specularFactor * intensity$$
## 衰减 ## 衰减
我们现在知道如何计算这三个分量了，这些分量可以帮助我们用环境光模拟点光源。但是我们的光照模型还不完整，物体反射的光与光的距离无关，我们需要模拟光线衰减。 我们现在知道如何计算这三个分量了，这些分量可以帮助我们用环境光模拟点光源。但是我们的光照模型还不完整，因为物体反射的光与光源的距离无关，也就是说，我们需要模拟光线衰减。
衰减是一个有关距离和光的函数。光的强度与距离的平方成反比。这很容易理解，随着光线的传播，其能量沿着球体表面分布，其半径等于光线行进的距离，而球的表面与其半径的平方成正比。我们可以用下式来计算衰减因子：$1.0 /(atConstant + atLineardist + atExponentdist ^ {2})$。 衰减是一个与距离和光有关的函数。光的强度与距离的平方成反比。这很容易理解，随着光线的传播，其能量沿着球体表面分布，其半径等于光线行进的距离，而球的表面积与其半径的平方成正比。我们可以用下式来计算衰减因子：$1.0 /(atConstant + atLineardist + atExponentdist ^ {2})$。
为了模拟衰减，我们只需要将衰减因子乘以最终的颜色即可。 为了模拟衰减，我们只需要将衰减因数乘以最终颜色即可。
## 实现 ## 实现
现在我们可以开始编程实现上面描述的所有概念，我们将从着色器开始。大部分工作将在片段着色器中完成，但我们还需要将顶点着色器中的一些数据传递给它。在前一章中，片段着色器只是接收纹理坐标，现在我们还将传递两个参数： 现在我们可以开始编程实现上述的所有概念，我们将从着色器开始。大部分工作将在片元着色器中完成，但我们还需要将顶点着色器中的一些数据传递给它。在上一章中，片元着色器仅接收纹理坐标，现在我们还将传递两个参数：
* 已转换为模型视图空间坐标系并已归一化的顶点法线。 * 已转换为模型观察空间坐标系并已归一化的顶点法线。
* 已转换为模型视图空间坐标系的顶点位置。 * 已转换为模型观察空间坐标系的顶点位置。
这是顶点着色器的代码： 顶点着色器的代码如下所示：
```glsl ```glsl
#version 330 #version 330
@@ -164,9 +168,9 @@ void main()
} }
``` ```
在我们继续讲解片段着色器之前，必须强调一个非常重要的概念。从上面的代码可以看到，`mvVertexNormal`，该变量包含已转换为模型视图空间坐标的顶点法线。这是通过将`vertexNormal`乘上`modelViewMatrix`来实现的，就像顶点位置一样。但有一个细微的差别，该顶点法线的w分量在乘以矩阵之前被设置为0：`vec4（vertexNormal，0.0）`。我们为什么要这样做呢 ？因为我们希望法线可以旋转和缩放，但我们不希望它被平移，所以我们只对它的方向感兴趣，而不是它的位置。而这是通过将w分量设置为0来实现的，这也是是使用齐次坐标的优点之一，通过设置w分量，我们可以控制应用了哪些变换。你可以用手做矩阵乘法，看看为什么是这样。 在我们继续讲解片元着色器之前，必须强调一个非常重要的概念。从上述代码可以看到，`mvVertexNormal`，该变量包含已转换为模型观察空间坐标的顶点法线。这是通过将`vertexNormal`乘上`modelViewMatrix`来实现的，就像顶点位置一样。但有一个细微的区别，该顶点法线的w分量在乘以矩阵之前被设置为0：`vec4(vertexNormal, 0.0)`。我们为什么要这样做呢?因为我们希望法线被旋转和缩放，但我们不希望它被平移，所以我们只对它的方向感兴趣，而不是它的位置。而这是通过将w分量设置为0来实现的，这也是是使用齐次坐标的优点之一，通过设置w分量，我们可以控制应用的变换。你可以在纸上做矩阵乘法，看看为什么是这样。
现在我们可以开始在片段着色器中干点事情了，除了将来自顶点着色器的值声明为输入参数之外，我们将定义一些有用的结构体来模拟光照和材质特性。首先，我们将定义用于模拟光的结构。 现在我们可以开始在片元着色器中开工了，除了将来自顶点着色器的值声明为输入参数之外，我们将定义一些有用的结构体来建模光照和材质属性。首先我们定义用于建模光的结构体。
```glsl ```glsl
struct Attenuation struct Attenuation
@@ -179,16 +183,16 @@ struct Attenuation
struct PointLight struct PointLight
{ {
vec3 colour; vec3 colour;
// 光源位置是在视图坐标系中的 // 光源位置是在观察坐标系中的
vec3 position; vec3 position;
float intensity; float intensity;
Attenuation att; Attenuation att;
}; };
``` ```
点光源由一个颜色，一个位置，以及一个介于$0$和$1$之间的数字来定义，这个数字模拟光的强度以及一组衰减方程的参数。 点光源由一个颜色，一个位置，以及一个介于$0$和$1$之间的数字（用于模拟光照强度）和一组用于模拟衰减方程的参数定义。
模拟材质特性的结构体是： 建模材质属性的结构体如下：
```glsl ```glsl
struct Material struct Material
@@ -201,13 +205,13 @@ struct Material
}; };
``` ```
材质由一组颜色定义（假如我们不使用纹理为片段着色）： 材质由一组颜色定义（假如我们不使用纹理为片元着色）：
* 用于环境分量的颜色。 * 用于环境光分量的颜色。
* 用于漫反射分量的颜色。 * 用于漫反射分量的颜色。
* 用于镜面反射的颜色。 * 用于镜面反射分量的颜色。
材质也由一个标志来定义，该标志控制它是否具有相关的纹理以及反射率指数。我们将在片段着色器中使用以下uniform。 材质还由一个标志控制它是否拥有关联的纹理和反射率指数定义。我们将在片元着色器中使用以下Uniform。
```glsl ```glsl
uniform sampler2D texture_sampler; uniform sampler2D texture_sampler;
@@ -218,15 +222,15 @@ uniform PointLight pointLight;
uniform vec3 camera_pos; uniform vec3 camera_pos;
``` ```
我们用新建的uniform设置下面的几个变量： 我们用新建的Uniform设置以下变量：
* 环境光：包含会以同样方式影响每个片段的颜色。 * 环境光：储存颜色，以同样方式影响每个片元。
* 镜面反射强度（在讨论镜面反射光时提供的公式中使用的指数）。 * 镜面反射强度（在讨论镜面反射光时给出的方程式中使用的指数）。
* 一个点光源。 * 一个点光源。
* 材质特性。 * 材质属性。
* 相机在视图空间坐标系中的位置。 * 摄像机在观察空间坐标系中的位置。
我们还将定义一些全局变量，它们将保存要在环境、漫反射和镜面反射中使用的材质颜色分量。我们使用这些变量是因为如果分量具有纹理，我们将对所有分量使用相同的颜色，并且我们不希望进行冗余的纹理查找。这些变量是这样定义的： 我们还将定义一些全局变量，它们将储存要在环境、漫反射和镜面反射中使用的材质颜色分量。我们使用这些变量是因为如果分量具有纹理，我们将对所有分量使用相同的颜色，并且我们不希望进行冗余的纹理查找。这些变量的定义如下：
```glsl ```glsl
vec4 ambientC; vec4 ambientC;
@@ -234,7 +238,7 @@ vec4 diffuseC;
vec4 speculrC; vec4 speculrC;
``` ```
我们现在可以定义一个函数，来根据材质特性设置这些变量： 我们现在可以定义一个函数，来根据材质属性设置这些变量：
```glsl ```glsl
void setupColours(Material material, vec2 textCoord) void setupColours(Material material, vec2 textCoord)
@@ -254,7 +258,7 @@ void setupColours(Material material, vec2 textCoord)
} }
``` ```
现在我们要定义一个函数，以点光源、顶点位置及其法线为输入并返回前面描述的漫反射和镜面反射计算的颜色。 现在我们要定义一个函数，它以点光源、顶点位置及其法线为输入并返回此前描述的漫反射和镜面反射分量计算的颜色。
```glsl ```glsl
vec4 calcPointLight(PointLight light, vec3 position, vec3 normal) vec4 calcPointLight(PointLight light, vec3 position, vec3 normal)
@@ -284,27 +288,27 @@ vec4 calcPointLight(PointLight light, vec3 position, vec3 normal)
} }
``` ```
前面的代码相对比较直白简单，它只是计算了漫反射分量的颜色，另一个是计算镜面反射的颜色，并通过光线在行进到我们正在处理的顶点时受到的衰减来调制它们。 上述代码相对比较直白简单，它只是计算了漫反射分量的颜色，另一个是计算镜面反射的颜色，并通过光线在到达我们正在处理的顶点时受到的衰减来调整它们。
请注意，顶点坐标是位于视图空间中的。在计算镜面反射时，我们必须指出视角，即相机。这可以这样做： 请注意，顶点坐标是位于观察空间中的。在计算镜面反射时，我们得出到观察点（即摄像机位置）的方向，代码如下：
```glsl ```glsl
vec3 camera_direction = normalize(camera_pos - position); vec3 camera_direction = normalize(camera_pos - position);
``` ```
但是，由于`位置`在视图空间中，相机位置始终位于原点，即$（0,0,0）$，所以我们如下计算它： 但是，由于`position`位于观察空间中，摄像机位置始终位于原点，即$(0, 0, 0)$，所以我们按如下代码计算它：
```glsl ```glsl
vec3 camera_direction = normalize(vec3(0, 0, 0) - position); vec3 camera_direction = normalize(vec3(0, 0, 0) - position);
``` ```
可以如此简化： 可以简化为：
```glsl ```glsl
vec3 camera_direction = normalize(-position); vec3 camera_direction = normalize(-position);
``` ```
有了前面的函数，定点着色器的主函数就变得非常简单了。 有了上述函数，顶点着色器的主函数就变得非常简单了。
```glsl ```glsl
void main() void main()
@@ -317,9 +321,9 @@ void main()
} }
``` ```
调用setupColours函数将使用适当的颜色来设置变量ambientC、diffuseC和speculrC。然后，我们计算漫反射和镜面反射，并考虑衰减。为了方便，我们使用单个函数调用来完成此操作，如上所述。最终的颜色是通过添加环境光分量来计算的（将ambientC乘以环境光）。正如你所看到的，环境光不受衰减的影响。 调用`setupColours`函数将使用适当的颜色来设置变量`ambientC`、`diffuseC`和`speculrC`。然后，我们计算漫反射和镜面反射分量，并考虑到衰减。为了方便起见，我们使用单个函数调用来实现此操作，如上所述。最终的颜色是通过添加环境光分量来计算的（将`ambientC`乘以环境光）。如你所见，环境光不受衰减的影响。
在着色器中我们引入了一些需要进一步解释的新概念，定义结构体并将它们用作uniform。但我们要怎么传递这些结构体？首先，我们将定义两个新类，它们模拟点点光源和材质的特性，名为`PointLight`和`Material`。它们只是普通的POJO(普通的Java对象)，所以你可以在本书附带的源代码中查看它们。然后，我们需要在ShaderProgram类中创建新方法，首先要能够为点光源和材质结构创建uniform。 在着色器中我们引入了一些需要进一步解释的新概念，我们正在定义结构体并将它们用作Uniform。但我们要怎么传递这些结构体？首先，我们将定义两个新类，它们建模点光源和材质属性，名为`PointLight`和`Material`。它们只是普通的Java对象，所以你可以在本书附带的源代码中查看它们。然后，我们需要在`ShaderProgram`类中创建新方法，首先要能够为点光源和材质结构体创建Uniform。
```java ```java
public void createPointLightUniform(String uniformName) throws Exception { public void createPointLightUniform(String uniformName) throws Exception {
@@ -340,7 +344,7 @@ public void createMaterialUniform(String uniformName) throws Exception {
} }
``` ```
正如你所看到的，它非常简单，我们只为构成结构体的所有属性创建一个单独的uniform。现在我们需要创建另外两个方法来设置这些uniform的值，并且将使用参数`PointLight`和材质的实例。 如你所见，它非常简单，我们只为构成结构体的所有属性创建一个单独的Uniform。现在我们需要创建另外两个方法来设置这些Uniform的值，并将`PointLight`和`Material`的实例作为参数。
```java ```java
public void setUniform(String uniformName, PointLight pointLight) { public void setUniform(String uniformName, PointLight pointLight) {
@@ -362,12 +366,12 @@ public void setUniform(String uniformName, Material material) {
} }
``` ```
在本章源代码中，你还将看到我们还修改了`Mesh`类来存放材质实例，并且我们创建了一个简单的示例，并在其中创建了一个可用“N”和“M”键控制移动的点光源，以显示点光源聚焦在反射率值高于0的网格上时是怎样的。 在本章源代码中，你还将看到我们还修改了`Mesh`类来储存材质实例，并且创建了一个简单的示例，在其中创建了一个可用“N”和“M”键控制移动的点光源，以显示点光源聚焦在反射率值高于0的网格上时是怎样的。
让我们回到片段着色器，正如我们所说的，我们需要另一种包含相机位置camera_pos的uniform。这些坐标必须位于视图空间中。通常我们将在世界空间坐标中设置光坐标，因此我们需要将它们乘以视图矩阵以便能够在着色器中使用它们，所以我们需要在`Transformation`类中创建一个新方法，该方法返回视图矩阵让我们转换光照坐标。 让我们回到片元着色器，如上所述，我们需要另一个储存摄像机位置`camera_pos`的Uniform。这些坐标必须位于观察空间中。通常我们将在世界空间坐标系中设置光源坐标，因此我们需要将它们乘以观察矩阵，以便能够在着色器中使用它们，所以需要在`Transformation`类中创建一个新方法，该方法返回观察矩阵以便变换光源坐标。
```java ```java
// 获得光源对象的副本并将它的坐标转换为视图坐标 // 获得光源对象的副本并将它的坐标变换到观察空间坐标系
PointLight currPointLight = new PointLight(pointLight); PointLight currPointLight = new PointLight(pointLight);
Vector3f lightPos = currPointLight.getPosition(); Vector3f lightPos = currPointLight.getPosition();
Vector4f aux = new Vector4f(lightPos, 1); Vector4f aux = new Vector4f(lightPos, 1);
@@ -378,7 +382,6 @@ lightPos.z = aux.z;
shaderProgram.setUniform("pointLight", currPointLight); shaderProgram.setUniform("pointLight", currPointLight);
``` ```
我们不会在这里引用整个源代码，因为如果这样这一章就太长了，对于解释概念并没有太多的作用。您可以在本书附带的源代码中查看它。 我们不会写上完整的源代码，因为如果这样这一章就太长了，且对于解释清楚概念没有太多的帮助，你可以在本书附带的源代码中查阅源代码。
![Lightning results](_static/10/lightning_result.png)
![光照效果](_static/10/lightning_result.png)

20
docs/glossary.md
View File

@@ -34,7 +34,7 @@
**片元处理阶段（Fragment Processing）：** 图形管线阶段之一，生成写入到帧缓冲区的像素的最终颜色。 **片元处理阶段（Fragment Processing）：** 图形管线阶段之一，生成写入到帧缓冲区的像素的最终颜色。
**片元（Fragment）：** 组成帧的最小单位，通常相当于一个像素的大小。 **片元（Fragment）：** 组成帧的最小单位，通常相当于一个像素的大小，可认为其即是像素（Pixel）。
**片元着色器（Fragment Shader）：** 着色器之一，用于生成写入到帧缓冲区的像素的最终颜色。 **片元着色器（Fragment Shader）：** 着色器之一，用于生成写入到帧缓冲区的像素的最终颜色。
@@ -110,6 +110,22 @@
**OBJ（.obj）：** Wavefront Technologies开发的一种几何定义开放文件格式，现已被广泛采用。 **OBJ（.obj）：** Wavefront Technologies开发的一种几何定义开放文件格式，现已被广泛采用。
**法线（Normal）：** 一个平面的法线是一个垂直于该平面的长度为1的向量。 **法线（Normal）：** 一个平面的法线是一个垂直于该平面的向量。
**归一化（Normalize）：** 使向量的长度（或模长）为1。
**顶点法线（Vertex Normal）：** 一个顶点的法线是其参与组成的三角形的面的法线的组合，其长度仍为1。 **顶点法线（Vertex Normal）：** 一个顶点的法线是其参与组成的三角形的面的法线的组合，其长度仍为1。
**点光源（Point Light）：** 这种光源模拟的是一个由点向空间各个方向均匀散射的光源。
**聚光源（Spot Light）：** 这种光源模拟从空间中的点发射的光源，但不是在所有方向上发射，而是限定在了一个锥形方向上。
**平行光源（Directional Light）：** 这种光源模拟了太阳光，3D场景中的所有物体都会受到来自特定方向的平行光线的照射。无论物体是近抑或是远，光线总是以一定角度照射在物体上的。
**环境光（Ambient Light）：** 这种类型的光源来自空间的任何地方，并以相同的强度照亮所有物体。
**环境光（Ambient Light）：** 模拟来自任何方向的光照，它将照亮（需要对应强度值）未受任何光线照射的区域，就像背景光。
**漫反射（Diffuse Reflectance）：** 考虑到面向光源的表面更亮。
**镜面反射（Specular Reflectance）：** 模拟光线在抛光或金属表面上的反射。