网站建设服务器一般多少钱,如何做网站导航栏,南京seo代理,丹阳市网站制作目录 一、说明二、漫反射贴图三、镜面光贴图四、采样镜面光贴图练习 一、说明 在上一节中#xff0c;我们讨论了让每个物体都拥有自己独特的材质从而对光照做出不同的反应的方法。这样子能够很容易在一个光照的场景中给每个物体一个独特的外观#xff0c;但是这仍不能对一个… 目录 一、说明二、漫反射贴图三、镜面光贴图四、采样镜面光贴图练习 一、说明 在上一节中我们讨论了让每个物体都拥有自己独特的材质从而对光照做出不同的反应的方法。这样子能够很容易在一个光照的场景中给每个物体一个独特的外观但是这仍不能对一个物体的视觉输出提供足够多的灵活性。 在上一节中我们将整个物体的材质定义为一个整体但现实世界中的物体通常并不只包含有一种材质而是由多种材质所组成。想想一辆汽车它的外壳非常有光泽车窗会部分反射周围的环境轮胎不会那么有光泽所以它没有镜面高光轮毂非常闪亮如果你洗车了的话。汽车同样会有漫反射和环境光颜色它们在整个物体上也不会是一样的汽车有着许多种不同的环境光/漫反射颜色。总之这样的物体在不同的部件上都有不同的材质属性。 所以上一节中的那个材质系统是肯定不够的它只是一个最简单的模型所以我们需要拓展之前的系统引入漫反射和镜面光贴图(Map)。这允许我们对物体的漫反射分量以及间接地对环境光分量它们几乎总是一样的和镜面光分量有着更精确的控制。
二、漫反射贴图 我们希望通过某种方式对物体的每个片段单独设置漫反射颜色。有能够让我们根据片段在物体上的位置来获取颜色值的系统吗 这可能听起来很熟悉而且事实上这个系统我们已经使用很长时间了。这听起来很像在之前教程中详细讨论过的纹理而这基本就是这样一个纹理。我们仅仅是对同样的原理使用了不同的名字其实都是使用一张覆盖物体的图像让我们能够逐片段索引其独立的颜色值。在光照场景中它通常叫做一个漫反射贴图(Diffuse Map)3D艺术家通常都这么叫它它是一个表现了物体所有的漫反射颜色的纹理图像。 为了演示漫反射贴图我们将会使用下面的图片它是一个有钢边框的木箱 在着色器中使用漫反射贴图的方法和纹理教程中是完全一样的。但这次我们会将纹理储存为Material结构体中的一个sampler2D。我们将之前定义的vec3漫反射颜色向量替换为漫反射贴图。 注意sampler2D是所谓的不透明类型(Opaque Type)也就是说我们不能将它实例化只能通过uniform来定义它。如果我们使用除uniform以外的方法比如函数的参数实例化这个结构体GLSL会抛出一些奇怪的错误。这同样也适用于任何封装了不透明类型的结构体。 我们也移除了环境光材质颜色向量因为环境光颜色在几乎所有情况下都等于漫反射颜色所以我们不需要将它们分开储存
struct Material {sampler2D diffuse;vec3 specular;float shininess;
};
...
in vec2 TexCoords;如果你非常固执仍想将环境光颜色设置为一个漫反射值之外不同的值你也可以保留这个环境光的vec3但整个物体仍只能拥有一个环境光颜色。如果想要对不同片段有不同的环境光值你需要对环境光值单独使用另外一个纹理。 注意我们将在片段着色器中再次需要纹理坐标所以我们声明一个额外的输入变量。接下来我们只需要从纹理中采样片段的漫反射颜色值即可
vec3 diffuse light.diffuse * diff * vec3(texture(material.diffuse, TexCoords));不要忘记将环境光的材质颜色设置为漫反射材质颜色同样的值。
vec3 ambient light.ambient * vec3(texture(material.diffuse, TexCoords));这就是使用漫反射贴图的全部步骤了。你可以看到这并不是什么新的东西但这能够极大地提高视觉品质。为了让它正常工作我们还需要使用纹理坐标更新顶点数据将它们作为顶点属性传递到片段着色器加载材质并绑定材质到合适的纹理单元。 更新后的顶点数据可以在这里找到。顶点数据现在包含了顶点位置、法向量和立方体顶点处的纹理坐标。让我们更新顶点着色器来以顶点属性的形式接受纹理坐标并将它们传递到片段着色器中
#version 330 core
layout (location 0) in vec3 aPos;
layout (location 1) in vec3 aNormal;
layout (location 2) in vec2 aTexCoords;
...
out vec2 TexCoords;void main()
{...TexCoords aTexCoords;
}记得去更新两个VAO的顶点属性指针来匹配新的顶点数据并加载箱子图像为一个纹理。在绘制箱子之前我们希望将要用的纹理单元赋值到material.diffuse这个uniform采样器并绑定箱子的纹理到这个纹理单元
lightingShader.setInt(material.diffuse, 0);
...
glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, diffuseMap);使用了漫反射贴图之后细节再一次得到惊人的提升这次箱子有了光照开始闪闪发光字面意思也是了。你的箱子看起来可能像这样 你可以在这里找到程序的全部代码。
三、镜面光贴图 你可能会注意到镜面高光看起来有些奇怪因为我们的物体大部分都是木头我们知道木头不应该有这么强的镜面高光的。我们可以将物体的镜面光材质设置为vec3(0.0)来解决这个问题但这也意味着箱子钢制的边框将不再能够显示镜面高光了我们知道钢铁应该是有一些镜面高光的。所以我们想要让物体的某些部分以不同的强度显示镜面高光。这个问题看起来和漫反射贴图非常相似。是巧合吗我想不是。 我们同样可以使用一个专门用于镜面高光的纹理贴图。这也就意味着我们需要生成一个黑白的如果你想得话也可以是彩色的纹理来定义物体每部分的镜面光强度。下面是一个镜面光贴图(Specular Map)的例子 镜面高光的强度可以通过图像每个像素的亮度来获取。镜面光贴图上的每个像素都可以由一个颜色向量来表示比如说黑色代表颜色向量vec3(0.0)灰色代表颜色向量vec3(0.5)。在片段着色器中我们接下来会取样对应的颜色值并将它乘以光源的镜面强度。一个像素越「白」乘积就会越大物体的镜面光分量就会越亮。 由于箱子大部分都由木头所组成而且木头材质应该没有镜面高光所以漫反射纹理的整个木头部分全部都转换成了黑色。箱子钢制边框的镜面光强度是有细微变化的钢铁本身会比较容易受到镜面高光的影响而裂缝则不会。 从实际角度来说木头其实也有镜面高光尽管它的反光度(Shininess)很小更多的光被散射影响也比较小但是为了教学目的我们可以假设木头不会对镜面光有任何反应。 使用Photoshop或Gimp之类的工具将漫反射纹理转换为镜面光纹理还是比较容易的只需要剪切掉一些部分将图像转换为黑白的并增加亮度/对比度就好了。
四、采样镜面光贴图 镜面光贴图和其它的纹理非常类似所以代码也和漫反射贴图的代码很类似。记得要保证正确地加载图像并生成一个纹理对象。由于我们正在同一个片段着色器中使用另一个纹理采样器我们必须要对镜面光贴图使用一个不同的纹理单元见纹理所以我们在渲染之前先把它绑定到合适的纹理单元上
lightingShader.setInt(material.specular, 1);
...
glActiveTexture(GL_TEXTURE1);
glBindTexture(GL_TEXTURE_2D, specularMap);接下来更新片段着色器的材质属性让其接受一个sampler2D而不是vec3作为镜面光分量
struct Material {sampler2D diffuse;sampler2D specular;float shininess;
};最后我们希望采样镜面光贴图来获取片段所对应的镜面光强度
vec3 ambient light.ambient * vec3(texture(material.diffuse, TexCoords));
vec3 diffuse light.diffuse * diff * vec3(texture(material.diffuse, TexCoords));
vec3 specular light.specular * spec * vec3(texture(material.specular, TexCoords));
FragColor vec4(ambient diffuse specular, 1.0);通过使用镜面光贴图我们可以可以对物体设置大量的细节比如物体的哪些部分需要有闪闪发光的属性我们甚至可以设置它们对应的强度。镜面光贴图能够在漫反射贴图之上给予我们更高一层的控制。 如果你想另辟蹊径你也可以在镜面光贴图中使用真正的颜色不仅设置每个片段的镜面光强度还设置了镜面高光的颜色。从现实角度来说镜面高光的颜色大部分甚至全部都是由光源本身所决定的所以这样并不能生成非常真实的视觉效果这也是为什么图像通常是黑白的我们只关心强度。 如果你现在运行程序的话你可以清楚地看到箱子的材质现在和真实的钢制边框箱子非常类似了 你可以在这里找到程序的全部源码。 通过使用漫反射和镜面光贴图我们可以给相对简单的物体添加大量的细节。我们甚至可以使用法线/凹凸贴图(Normal/Bump Map)或者反射贴图(Reflection Map)给物体添加更多的细节但这些将会留到之后的教程中。把你的箱子给你的朋友或者家人看看并且坚信我们的箱子有一天会比现在更加漂亮
练习 调整光源的环境光、漫反射和镜面光向量看看它们如何影响箱子的视觉输出。 尝试在片段着色器中反转镜面光贴图的颜色值让木头显示镜面高光而钢制边缘不反光由于钢制边缘中有一些裂缝边缘仍会显示一些镜面高光虽然强度会小很多参考解答 使用漫反射贴图创建一个彩色而不是黑白的镜面光贴图看看结果看起来并不是那么真实了。如果你不会生成的话可以使用这张彩色的镜面光贴图最终效果 添加一个叫做放射光贴图(Emission Map)的东西它是一个储存了每个片段的发光值(Emission Value)的贴图。发光值是一个包含假设光源的物体发光(Emit)时可能显现的颜色这样的话物体就能够忽略光照条件进行发光(Glow)。游戏中某个物体在发光的时候你通常看到的就是放射光贴图比如 机器人的眼或是箱子上的灯带。将这个纹理作者为 creativesam作为放射光贴图添加到箱子上产生这些字母都在发光的效果参考解答最终效果
