(自用)learnOpenGL学习总结-高级光照-blinn-phong and Gamma矫正

blinn-phong

先说结果,blinn-phong和phong的区别是什么?

Blinn-Phong与冯氏模型唯一的区别就是,Blinn-Phong测量的是法线与半程向量之间的夹角,而冯氏模型测量的是观察方向与反射向量间的夹角。

在之前我们计算视角能看到多少漫反射、镜面反射等多少的时候,会通过计算viewdir和反射dir的点乘来得到多少。但是有一个问题就是,当我视角和光源方向在一侧的时候,会导致点乘的结果为0,也就是黑的。这于我们常识相悖。

所以为了解决这个问题,采用半程向量更好。

不过还有一点区别就是,两种的夹角不是一致。

也就是说为了弥补上差距,需要把反光度调到2-4倍。

gamma矫正

什么是gamma

我们计算完场景的颜色之后就要显示出来,但是是通过电脑屏幕来显示。而电脑屏幕有一个特性,是通过输入的电压大小来产生亮度变化的。但是,两倍的电压不会产生两倍的亮度。而是2.2倍的指数变化。(crt设备)。

因为人眼看到颜色的亮度更倾向于顶部的灰阶,监视器使用的也是一种指数关系(电压的2.2次幂),所以物理亮度通过监视器能够被映射到顶部的非线性亮度;因此看起来效果不错(译注:CRT亮度是是电压的2.2次幂而人眼相当于2次幂,因此CRT这个缺陷正好能满足人的需要)。

监视器的这个非线性映射的确可以让亮度在我们眼中看起来更好,但当渲染图像时,会产生一个问题:我们在应用中配置的亮度和颜色是基于监视器所看到的,这样所有的配置实际上是非线性的亮度/颜色配置。请看下图:

点线代表线性颜色/亮度值(译注:这表示的是理想状态,Gamma为1),实线代表监视器显示的颜色。

如果我们把一个点线线性的颜色翻一倍,结果就是这个值的两倍。比如,光的颜色向量L¯=(0.5,0.0,0.0)代表的是暗红色。如果我们在线性空间中把它翻倍,就会变成(1.0,0.0,0.0)就像你在图中看到的那样。变成了亮红色

然而,当我们把L ‾= ( 0.5 , 0.0 , 0.0 )显示在显示器上时,我们从图里看,会觉得它显示出了( 0.218 , 0.0 , 0.0 ) ,然而我们需要的是( 1.0 , 0.0 , 0.0 ) 。

在这儿问题就出现了:当我们将理想中直线上的那个暗红色翻一倍时,在监视器上实际上需要翻了4.5倍以上才有一样的效果

但是我们实际上是工作在显示器的输出空间上的,所以我们配置的所有颜色和光照变量从物理角度来看都是不正确的,显示器很少显示正确。

出于这个原因,我们(以及艺术家)通常会将光照值设置得比本来更亮一些(因为监视器会将其亮度显示的更暗一些),如果不是这样,在线性空间里计算出来的光照就会不正确。

会发现gamma矫正还是很重要的

那么改怎么做呢?

最通用的思路是把每个颜色的输出都加上翻转的gamma曲线,这样就会变成线性的了。

举个例子: 暗红色(0.5,0,0)在输出到屏幕之前先应用gamma矫正曲线,就会变成(0.73,0,0)然后发给屏幕之后会自动的加上2.2次幂又回到了(0.5,0,0)。

应用gamma矫正的方式

1.在opengl中建立sRGB帧缓冲。在像素着色器中就行gamma矫正

开启GL_FRAMEBUFFER_SRGB,可以告诉OpenGL每个后续的绘制命令里,在颜色储存到颜色缓冲之前先校正sRGB颜色。

sRGB这个颜色空间大致对应于gamma2.2,它也是家用设备的一个标准。

开启GL_FRAMEBUFFER_SRGB以后,每次像素着色器运行后续帧缓冲,OpenGL将自动执行gamma校正,包括默认帧缓冲。

开启GL_FRAMEBUFFER_SRGB简单的调用glEnable就行

但是要知道的是,这一步要在最后才能进行,因为是把线性的颜色变成非线性(这是为了抵消设备带来的影响)

如果我们在最后输出之前就进行gamma校正,所有的后续操作都是在操作不正确的颜色值。

例如,如果我们使用多个帧缓冲,我们会希望这样:

让两个帧缓冲之间传递的中间结果仍然保持线性空间颜色,只是给发送给监视器的最后的那个帧缓冲应用gamma校正。

2.修改着色器

我们可以自己在片段着色器最后输出fragcolor的时候进行gamma矫正

cpp 复制代码
void main()
{
    // do super fancy lighting 
    [...]
    // apply gamma correction
    float gamma = 2.2;
    fragColor.rgb = pow(fragColor.rgb, vec3(1.0/gamma));
}

我们也可以在最后的最后,也就是帧缓冲时后处理。fbo

注意点

1.纹理

有一个要注意的点就是 我们看到的图片、纹理都是屏幕上的,经过2.2次幂处理过的结果,所以我们如果要处理这些图片时需要考虑到。

在我们应用gamma校正之前,这不是个问题,因为纹理在sRGB空间创建和展示,同样我们还是在sRGB空间中使用,从而不必gamma校正纹理显示也没问题。

然而,现在我们是把所有东西都放在线性空间中展示的,纹理颜色就会变坏,如下图展示的那样:

纹理图像实在太亮了,发生这种情况是因为,它们实际上进行了两次gamma校正!

想一想,当我们基于监视器上看到的情况创建一个图像,我们就已经对颜色值进行了gamma校正,所以再次显示在监视器上就没错。

由于我们在渲染中又进行了一次gamma校正,图片就实在太亮了。

那么该如何解决呢?

就是重新矫正,在拿到这些sRGB纹理的时候就是变回线性空间,

cpp 复制代码
float gamma = 2.2;
vec3 diffuseColor = pow(texture(diffuse, texCoords).rgb, vec3(gamma));

不过opengl中有函数来帮我们做这些事情。

在创建纹理的时候,我们可以直接设定纹理是什么格式。

glTexImage2D(GL_TEXTURE_2D, 0, GL_SRGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, image);

这样就会自动把纹理颜色矫正的线性空间中了。

不过要注意的是:漫反射纹理基本都是sRGB的,但是镜面贴图和法线贴图基本都是线性空间中的。

2.衰减

真实世界中的衰减是与距离的平方成反比。

但是我们用平方的时候会发现效果太强了,所以会有之前的那种衰减方程。我们也可以使用双曲线函数,也就是与距离成反比。

总而言之,gamma校正使你可以在线性空间中进行操作。因为线性空间更符合物理世界,大多数物理公式现在都可以获得较好效果,比如真实的光的衰减。你的光照越真实,使用gamma校正获得漂亮的效果就越容易。这也正是为什么当引进gamma校正时,建议只去调整光照参数的原因。

相关推荐
qq_3863226913 小时前
华为网路设备学习-34(BGP协议 九)BGP路由 选路规则二
服务器·学习·华为
尘似鹤13 小时前
设计一个状态机
学习·状态模式·嵌入式软件
Voyager_414 小时前
算法学习记录03——二叉树学习笔记:从两道题看透后序位置的关键作用
笔记·学习·算法
我先去打把游戏先16 小时前
ESP32学习笔记(基于IDF):ESP32连接MQTT服务器
服务器·笔记·单片机·嵌入式硬件·学习·esp32
deng-c-f19 小时前
Linux C/C++ 学习日记(29):IO密集型与CPU密集型、CPU的调度与线程切换
linux·学习·线程·cpu·io密集·cpu密集
四谎真好看21 小时前
Java 黑马程序员学习笔记(进阶篇18)
java·笔记·学习·学习笔记
洋洋的笔记21 小时前
银行测试学习计划
学习
Allan_20251 天前
数据库学习
数据库·学习
报错小能手1 天前
linux学习笔记(43)网络编程——HTTPS (补充)
linux·网络·学习
报错小能手1 天前
linux学习笔记(45)git详解
linux·笔记·学习