- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
最近,我一直在阅读有关sRGB格式的信息,以及它们如何使硬件自动对典型显示器进行色彩校正。作为阅读的一部分,我看到您可以使用普通纹理和返回结果上的pow函数来模拟此步骤。
无论如何,我想问两个问题,因为我以前从未使用过此功能。首先,任何人都可以从我的屏幕快照中确认这是您期望看到的吗?左图为普通RGBA,右图为sRGB目标。场景中没有环境照明,并且模型是沼泽标准Phong(灯光是聚光灯)。
我想问的第二个问题是,硬件实际上在什么时候进行了校正?例如,我正在将帧写入FBO,然后稍后使用FBO颜色缓冲区将屏幕大小的四边形渲染到后缓冲区(我打算很快切换到延迟着色)。我应该使用附加到FBO的sRGB纹理,还是只需要指定sRGB纹理作为后缓冲目标?如果您使用的是sRGB,则所有纹理资源都应该是sRGB吗?
最佳答案
注意:以下讨论假定您了解sRGB颜色空间是什么,伽玛校正是什么,线性RGB颜色空间是什么,等等。这主要集中在该技术的OpenGL实现上。
如果您想深入讨论这些主题,建议您参考我的HDR/Gamma correction教程(以了解线性色彩空间和伽玛)以及sRGB images and how they handle gamma correction的教程。
首先,任何人都可以从我的屏幕快照中确认这是您期望看到的吗?
我不确定我是否理解您的意思。如果您应用适当的伽玛校正(这是sRGB或多或少的功能),通常会在图像的较暗区域获得更多细节,并获得“较亮”的结果。
但是,正确的思考方法是,在进行正确的伽玛校正之前,所有图像都是错误的。您的图像太暗了,伽马校正现在使它们具有适当的亮度。您对事物应该是什么颜色以及应该如何发出明亮的灯光的每一个决定都是错误的。
我想问的第二个问题是,硬件实际上在什么时候进行了校正?
与您继续介绍封面的“例如”部分相比,这是一个非常不同的问题。
sRGB图像(请记住:纹理包含图像,但是帧缓冲区也可以包含图像)可以在以下上下文中使用:
将数据从用户直接传输到图像(例如,使用glTexSubImage2D等)。 OpenGL假定您提供的数据已经在sRGB色彩空间中。因此,上传数据时不会翻译数据。这样做是因为这是最有意义的:通常,从艺术家那里获得的任何图像都将位于sRGB色彩空间中,除非该艺术家竭尽全力将其置于其他色彩空间中。实际上,每个图像编辑器都可以直接在sRGB中工作。
通过采样器读取着色器中的值(即:访问纹理)。这也很简单。 OpenGL知道图像中的纹理元素数据位于sRGB色彩空间中。 OpenGL假定着色器需要线性RGB颜色数据。因此,所有使用sRGB image format从纹理采样的尝试都会导致sRGB-> lRGB转换。顺便说一句,这是免费的。
从好的方面来说,如果您拥有支持GL 3.x +的硬件,则几乎可以肯定会在有意义的线性色彩空间中进行过滤。 sRGB是非线性色彩空间,因此sRGB值的线性插值始终是错误的。
将片段着色器输出的值存储到帧缓冲区图像。这是有点复杂的地方。即使您要渲染的帧缓冲图像位于sRGB色彩空间中,也不足以强制转换。您必须明确glEnable(GL_FRAMEBUFFER_SRGB)
;这告诉OpenGL,您从片段着色器写入的值是线性色彩空间值。因此,OpenGL将它们存储在图像中时需要将它们转换为sRGB。
同样,如果您拥有GL 3.x +硬件,则几乎可以肯定会在线性色彩空间中进行混合。也就是说,OpenGL将从帧缓冲区读取sRGB值,将其转换为线性RGB值,将其与传入的线性RGB值(您从着色器写入的值)混合,将混合后的值转换为sRGB色彩空间并存储它。再次,这就是您想要的;在sRGB色彩空间中混合总是不好的。
现在我们已经了解了,让我们来看您的示例。
例如,我正在将帧写入FBO,然后稍后使用FBO颜色缓冲区将屏幕大小的四边形渲染到后缓冲区(我打算很快切换到延迟着色)。
问题在于您没有问正确的问题。您需要牢记的是这个问题,尤其是在进入延迟渲染时:
这是线性RGB吗?
通常,您应该尽可能避免将任何中间数据存储在伽马正确的空间中。因此,任何中间缓冲区(即,您在其中积累灯光的位置)都不应是sRGB。
这与转换的成本无关;这真的是关于你在做什么。如果要进行延迟渲染,则可能还要进行HDR照明等等。因此,您的光累积缓冲区需要为浮点数。浮动缓冲区始终是线性的;没有任何理由使它们不线性。
如果要利用免费的伽玛校正(并且可以这样做),则最终图像(默认帧缓冲区)必须为sRGB。如果您在HDR浮动缓冲区中进行所有工作,然后将结果色调映射为最终显示,则应将其写入sRGB图像。
关于opengl - sRGB纹理。这样对吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10347995/
我有一个未定义数量的显示上下文,每个都将显示一个纹理。当我调用 glGenTextures 时,我会在所有显示上下文中返回相同的名称。这会起作用吗?即使它们具有相同的名称,它们仍会存储和显示不同的纹理
我在 SVG 中看到过:文本填充是图像而不是颜色;我一直想知道使用 CSS3 是否可以实现这样的事情。 我浏览了整个网络,到目前为止只找到了基本上将图像覆盖在文本上的解决方法(请参阅 this ,这对
我是 WebGL 的新手。 :)我知道顶点数据和纹理不应该经常更新,但是当它们确实发生变化时,首选哪个:- 通过调用 gl.deleteBuffer 销毁先前的缓冲区 (static_draw) 并创
我需要将 GL_RGBA32F 作为内部格式,但我在 OpenGL ES 实现中没有得到它。相反,我只得到 GL_FLOAT 作为纹理数据类型。 OES_texture_float 规范没有说明里面的
当我执行某些几何体的渲染时,我可以在控制台中看到此警告: THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter sho
我正在尝试使用阴影贴图实现阴影,因此我需要将场景渲染到单独的帧缓冲区(纹理)。我无法让它正常工作,因此在剥离我的代码库后,我留下了一组相对简单的指令,这些指令应该将场景渲染到纹理,然后简单地渲染纹理。
我在 XNA 中使用带有自定义着色器的标准 .fbx 导入器。当我使用 BasicEffect 时,.fbx 模型被 UV 正确包裹并且纹理正确。但是,当我使用我的自定义效果时,我必须将纹理作为参数加
如果我创建一个 .PNG 1024 x 1024 的纹理并在中间画一个 124 x 124 的圆,它周围是空的,它使用的 RAM 量是否与我画一个 124 x 的圆一样124 x 124 空间上的 1
我试图在 Android 中绘制一个地球仪,为此我使用了 OpenGL。然而,为了让它更容易理解,我将从制作一个简单的 3D 立方体开始。我使用 Blender 创建我的 3D 对象(立方体),并在我
文本本身的背景图像层是否有任何 JS/CSS 解决方案? 示例 最佳答案 检查这个http://lea.verou.me/2012/05/text-masking-the-standards-way/
非功能代码: if sprite.texture == "texture" { (code) } 当 Sprite 具有特定纹理时,我正在尝试访问 Sprite 的纹理以运行代码。目前纹理仅在我的
我正在尝试学习适用于 iOS 的 SceneKit 并超越基本形状。我对纹理的工作原理有点困惑。在示例项目中,平面是一个网格,并对其应用了平面 png 纹理。你如何“告诉”纹理如何包裹到物体上?在 3
基本上, 这有效: var expl1 = new THREE.ImageUtils.loadTexture( 'images/explodes/expl1.png' ); this.material
我正在尝试将各种场景渲染为一组纹理,每个场景都有自己的纹理到应该绘制的位置...... 问题: 创建 512 个 FBO,每个 FBO 绑定(bind)了 512 个纹理,这有多糟糕。只使用一个 FB
我正在使用文本 protobuf 文件进行系统配置。 我遇到的一个问题是序列化的 protobuf 格式不支持注释。 有没有办法解决? 我说的是文本序列化数据格式,而不是方案定义。 这个问题是有人在某
我想将我的 3D 纹理的初始化从 CPU 移到 GPU。作为测试,我编写了一个着色器将所有体素设置为一个常数值,但纹理根本没有修改。我如何使它工作? 计算着色器: #version 430 layou
我可以像这样用 JavFX 制作一个矩形: Rectangle node2 = RectangleBuilder.create() .x(-100) .
我在 iPhone 上遇到了 openGL 问题,我确信一定有一个简单的解决方案! 当我加载纹理并显示它时,我得到了很多我认为所谓的“色带”,其中颜色,特别是渐变上的颜色,似乎会自动“优化”。 只是为
假设我有一个域类 class Profile{ String name byte[] logo } 和一个 Controller : class ImageController {
我正在开发一款使用 SDL 的 2D 游戏。由于某些系统的 CPU 较弱而 GPU 较强,因此除了普通的 SDL/软件之外,我还有一个使用 OpenGL 的渲染器后端。 渲染器界面的简化版本如下所示:
我是一名优秀的程序员,十分优秀!