分享:webgl的HDR

简介: 分享:webgl的HDR

HDR(High Dynamic Range, 高动态范围)
HDR原本只是被运用在摄影上,摄影师对同一个场景采取不同曝光拍多张照片,捕捉大范围的色彩值。这些图片被合成为HDR图片,从而综合不同的曝光等级使得大范围的细节可见。看下面这个例子,左边这张图片在被光照亮的区域充满细节,但是在黑暗的区域就什么都看不见了;但是右边这张图的高曝光却可以让之前看不出来的黑暗区域显现出来。
WebGL中,HDR是让我们能用超过1.0的数据表示颜色值。到目前为止,我们用的都是LDR(低动态范围),所有的颜色值都被限制在了 [0,1] 范围。在现实当中,太阳,灯光这类光源它们的颜色值肯定是远远超出1.0的范围的。
详细技术实现参见原文链接:
https://edwardzhong.github.io/2019/05/21/webglhdr/

https://learnopengl-cn.github.io/05%20Advanced%20Lighting/06%20HDR/

相关文章
|
6月前
|
传感器 编解码
什么是HDR?HDR与SDR的区别?
HDR(高动态范围)技术是一种近年来变得流行的图像技术,用于拍摄更自然、更真实的影像,尤其在Audio / Visual设备和数码相机等方面得到了广泛应用。在这里,我们将解释HDR技术的具体是什么,HDR与SDR的区别,HDR与4K的关系,以及HDR一般内置在哪些设备中。
|
6月前
[笔记]音视频学习之SDL篇《九》 渲染yuv数据
[笔记]音视频学习之SDL篇《九》 渲染yuv数据
|
并行计算 C++
Opengl ES之YUV数据渲染
Opengl ES连载系列
131 0
|
移动开发 前端开发 JavaScript
什么是 WebGL?
什么是 WebGL?
190 0
|
存储 缓存
获取OpenGL Buffer里面的数据
获取OpenGL Buffer里面的数据
269 0
|
存储 JavaScript 前端开发
webgl系列之 buffer的使用
什么是buffer buffer, 这是啥东西啊 ,或者说为什么要有buffer 这个东西 对于webgl 来说。我们先看下官方定义: 「WebGLBuffer」 接口属于 WebGL API 的一部分,表示一个不透明的缓冲区对象,储存诸如顶点或着色之类的数据。 官方的这个解释,作为一个小白来说, 啥哇,你这是在为难我胖虎嘛??? 图片 为难我胖虎 没事由我来大家解读,首先第一句话就是一句废话, 属于「webgl API 的一部分」, 这我他🐴的也知道哇,我们重点分析 一下这句话,是一个不透明的缓冲区对象, 什么是缓冲区对象 「webgl提供一种很方便的机制 ,就是缓冲区对象」,它可
webgl系列之 buffer的使用
|
开发工具 索引
WebGL 单通道wireframe渲染
WebGL 单通道wireframe渲染
|
数据格式
WebGL2系列之不可变纹理
WebGL2系列之不可变纹理
开启HDR视觉盛宴:究竟什么视频算得上HDR?
面向未来,HDR将成为高还原度视频的重要选项。
2023 0

热门文章

最新文章