当前位置: 首页 > news >正文

做官方网站公司大学网站建设的目标

做官方网站公司,大学网站建设的目标,网站设计下载,阜阳html5网站建设目录 一 Gamma是什么? 二 感知光度和物理光度 2.1 与Gamma的关系 2.3 存在问题和弊端? 三 Gamma矫正(逆Gamma) 3.1 Gamma矫正的两种方法 3.2 sRGB空间 3.3 重复校正 3.3.1 在着色器中处理重复校正 3.3.2 在加载纹理时就重复校正 3.3.3 校正前后效果 本章节Qt源码点…

目录

一 Gamma是什么?

二 感知光度和物理光度

2.1 与Gamma的关系

2.3 存在问题和弊端?

三 Gamma矫正(逆Gamma)

3.1 Gamma矫正的两种方法

3.2 sRGB空间

3.3 重复校正

3.3.1 在着色器中处理重复校正

3.3.2 在加载纹理时就重复校正

3.3.3 校正前后效果


 本章节Qt源码点击此处

一 Gamma是什么?

在了解Gamma之前我们应该先知道一种物理特性: 输出亮度 = 输入电压 的 2.2次方幂

  • 这是因为以前大多数的监视器是阴极射线显示器(CRT),这里后面我们就把显示器统称为监视器

这个经过2.2次方幂处理过后就相当于是一种压缩处理(可以理解为将图片变暗了至于为什么要这样处理将图片变暗,这将在后面进行说明,当然理解为压缩处理是不对的,但后面会修正。)\,每种显示设备的这个值都不一样,但是大多数都是2.2,这个2.2就叫做监视器的Gamma。

  • 经过Gamma处理过的颜色都会变暗,但只是中间的颜色,一定要理解的是,他并不会影响全暗(0),以及全亮(1)的光度。

输出亮度 = 输入电压 ^ 2.2

二 感知光度和物理光度

要知道的是无论是感知光度还是物理光度:两边的光度(最暗和最亮的)总是相同的

感知光度: 其实就是人对光的感觉

  • 因为我们人眼对比较暗的光是比较敏感的,而对亮光是不太敏感的,比如再黑暗中,稍微有点亮光我们就会感知出来,但是对于比较亮的环境中,即使增加光度
  • 这样理解:由于人眼感知对较暗的光比较敏感,所以就会给暗光分配更多的精度(暗光的变化随着值的增加不会变化的很快)。

物理光度:

  • 就是真实世界的光度,亮度的效果在0-1之间是线性增加的

在上面的图中,红色框代表的是人眼的感知光的变化,而下面的绿色框代表的是物理的真是光照。

2.1 与Gamma的关系

感知光度的形成:

对与我们输入给显示器也就是我们在程序或者应用中设置的颜色来讲,在传递给监视器后,监视器会根据自己的Gamma来进行处理,也就是对于我们设置的值0.5,他会进行Camma计算,变成0.5^2.2 = 0.218,这就会将光源变暗,从而从物理光照变成了人眼所感知的光照效果。

  • 也就是说我们本身设置的想要他显示物理真实光照,但实际上经过监视器Gamma处理后,他显示出来的光照被放暗了,
  • 颜色传递给监视器后经过监视器Gamma计算,将本该显示的物理光度(中间那条线性变化的值)压缩成凹下去的那条线的值,0.5^2.2 = 0.218。
  • 最上面凸出去的那条线暂时不用管,其实就是一个逆的Gamma操作。

2.3 存在问题和弊端?

这会导致什么问题呢? 如果我们传给监视器前的光照是基于线性空间的,也就是上图的白色虚线

那监视器的Gmama就会给他进行Gmama计算,让他变到下面红色实线(凹下去的那条线),这就导致了,中间的亮度会被变暗,

和上面的例子一样,我们观察白色虚线(线性空间 也就是我们想要设置的真实物理光度)上的0.5,他就会被压缩至0.218,从而变暗.

这种压缩只是一种幂次方比例上的压缩,只是以某种幂次方比例压缩了中间值(Gamma校验无论怎样都不会影响最小的和最大的亮度也就是0和1)

弊端:

由于所有中间的亮度都是在线性空间计算的(传递给监视器处理前) ,所以这几乎导致了我们现在所看到的光照都不在准确的(因为他会进行Gamma计算),不是真实的物理上的光度,这就会导致我们会看到物体的效果并不会很有层次感,也就是说我们会看到更多的较暗的光度,而丢失很多比较亮的光度。

三 Gamma矫正(逆Gamma)

我们这里要先熟悉一下这两个概念

逆Gamma: 将线性的空间上供为上面凸出去的非线性空间

Gamma:将线性的空间下供为下面凹下去的非线性空间

简而言之就是给传入的值做一个1/2.2的幂次方计算,把这个值先变大,然后经过Gamma就会变回正常的线性空间的值。也就是真实的物理空间的值

  • 其实Gamma矫正很简单,如果我们本身不存在监视器Gamma这个处理过程,那我们根本无需处理任何东西和计算,得到的就是真实的物理上的光度
  • 但由于有了这个监视器Gamma导致我们看到的光度比实际物理上的光度暗了,那么很简单我们只需要给这个设定的值进行 逆运算,也就是说,你监视器会把我给定的值做做幂次方压缩导致我的线性空间变成了Camma空间(也就是红色实线凹下去的那条线),那我在给监视器之前我就给让我给定的这个值去做一个逆Gamma,也就是将这个线性空间变成上面的凸出去的那条线,这样再传递给监视器的时候,经过Gamma处理,他就还是正常的线性空间的值,显示出来的也就是真实的物理世界的值。

3.1 Gamma矫正的两种方法

  • 让着色器每次运行后自动进行Gamma,这样就不需要人为处理了
glEnable(GL_FRAMEBUFFER_SRGB);
  • 我们直接再发送到帧缓冲前,在每个相关像素着色器运行的最后应用gamma校正
void main()
{float gamma = 2.2;fragColor.rgb = pow(fragColor.rgb, vec3(1.0/gamma));
}

值得注意的是:我们对于Gamma的校正一定要是在最后输出的时候再进行校正,而不要在中间计算的时候就进行校正,因为中间值的一些属性:比如两个光照和的相加,混合等处理是要在线性空间计算的,这要值得注意

3.2 sRGB空间

 监视器总是按照sRGB颜色空间的规则显示颜色,我们可以这样简单的理解:

  • sRGB空间 是一个包含了预设Gamma特性的标准化颜色空间,旨在确保跨设备颜色的一致性。
  • sRGB空间中的值: 我们可以这样理解他是将线性空间中的值进行逆Gamma处理后得到凸起的那条上供的非线性空间中的值。
  • 这种值我们就不能手动在对他进行Gamma校正了。

3.3 重复校正

  • 有的设计师在设计sRGB纹理图案时,会自动的将亮度提高,然后当他经过监视器的Gamma处理之后他就会变成正常的线性空间的颜色值。但此时使用着可能并不知道,手动又给他在最后输出给监视器之前进行了一次逆Gamma,这就导致最终输出在监视器上的亮度被放亮了。所以这就需要我们在进行Gamme校正之前判断。

3.3.1 在着色器中处理重复校正

float gamma = 2.2;
vec3 diffuseColor = pow(texture(diffuse, texCoords).rgb, vec3(gamma));
// 首先调整环境光照和漫反射光照的亮度    
shaderProgramObject.setUniformValue("light.ambient",   QVector3D(0.3f, 0.3f, 0.3f));
shaderProgramObject.setUniformValue("light.diffuse",   QVector3D(0.7f, 0.7f, 0.7f));// 将漫反射光照进行Gamma处理vec3 diffuseTexColor=vec3(texture(material.texture_diffuse1,TexCoords));float gamma = 2.2;diffuseTexColor = pow(diffuseTexColor,gamma);
  • 但是为每个sRGB空间的纹理这样设置是很烦人的,

3.3.2 在加载纹理时就重复校正

OpenGL给我们提供了另一个方案来解决我们的麻烦,这就是GL_SRGB和GL_SRGB_ALPHA内部纹理格式。

如果我们在OpenGL中创建了一个纹理,把它指定为以上两种sRGB纹理格式其中之一,OpenGL将自动把颜色校正到线性空间中,这样我们所使用的所有颜色值都是在线性空间中的了。我们可以这样把一个纹理指定为一个sRGB纹理:

QImage wall = QImage(":/wood.png").convertToFormat(QImage::Format_RGB888);m_planeTex = new QOpenGLTexture(QOpenGLTexture::Target2D);glBindTexture(GL_TEXTURE_2D,m_planeTex->textureId());glTexImage2D(GL_TEXTURE,0,GL_SRGB,wall.width(),wall.height(),0,GL_RGB,GL_UNSIGNED_BYTE,wall.bits());glGenerateMipmap(GL_TEXTURE_2D);m_planeMesh = processMesh(planeVertices,6,m_planeTex->textureId());

3.3.3 校正前后效果

  • 未处理重复校正前的效果:我们会发现这个亮度很高,这是因为漫反射纹理的颜色空间已经在sRGB中空间(说明他已经进行了逆Gamma处理)了,但是我们在着色器的最后又进行了一次逆Gamma处理,两次的逆Gamma处理就会导致亮度异常大。

  • 处理后的效果: 我们要注意 漫反射纹理已经在sRGB空间中了,我们在着色器最后又给他逆Gamma那肯定会异常亮
  • 并且我们要保证中间的光照计算要在线性空间中,所以我们需要在获取到漫反射纹理后,对他进行Gamma处理,把他变到线性空间中,这样保证了他后续的计算不会出问题,然后在再着色器最后输出时进行一次逆Gamma处理这样就能得到正确的颜色了。

值得注意的:

  • 不是所有的纹理都是在sRGB空间中的所有我们如果要把纹理指定为sRGB纹理时一定要注意
  • 一般像漫反射光照这种为物体上色的纹理几乎都是在sRGB空间中的
  • 但是像镜面光贴图和法线贴图几乎都在线性空间中,所以如果你把它们也配置为sRGB纹理的话,光照就会连续被衰弱两次,这样光照几乎就坏掉了
http://www.yayakq.cn/news/558988/

相关文章:

  • 新手做站必看 手把手教你做网站外面网站怎么做的
  • 进网站后台显示空白uc浏览器在线网页
  • php网站颜色改变网站点击
  • 国内快速建站网站怎么添加栏目
  • 网站的布局有哪些长宁区网站建设设
  • 做企业网站的字体大小要求黑帽seo排名优化
  • 淘宝导购网站源码忆唐网不做网站做品牌
  • 国家高职示范校建设网站辽中网站建设
  • 成都网站建设兴田德润实力强怎样用自己的服务器做网站
  • 网站移动端深圳龙岩技术科技有限公司
  • 关于做ppt的网站有哪些内容贵阳网站建站建设定制
  • 企业公司网站建设方案视频拍摄脚本怎么写
  • 5 还有网站的域中国营销传播网手机版入口
  • 网站后台 ftp房产信息网预告是什么意思
  • 怎么快速建一个网站昆明网站建设优化技术
  • 网站首页为什么不收录宁波网站推广软件
  • 怎么挖掘网站的关键词html网页开发工具
  • 网站开发出来有后台么通州网站建设全包
  • 网站建设登录注册怎么做小程序简单还是做网站简单
  • 网站开发技术汇总谈谈你对seo概念的理解
  • 衡水林熠网站建设公司东莞建域名网站
  • 手机模板网站模板下载网站有哪些优化精灵
  • 南京模板建网站哪家好合肥公司建设网站制作
  • 做网站的排名二手购物网站策划书
  • 网站开发待遇好吗阿克苏网站建设价格
  • 菏泽网站获客网站建设公司网页设计与制作教程版徐洪亮课后答案
  • 巴中+网站建设免费下载app软件下载安装到手机
  • 制作复杂的企业网站首页广州市建设局官方网站
  • 公司网站建设费计入什么科目大良营销网站建设机构
  • 徐州市城乡和城乡建设厅网站首页网站有些什么内容