分享: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/

相关文章
|
17天前
|
前端开发 JavaScript vr&ar
WebGL
WebGL(Web Graphics Library)是一种用于在网页上渲染交互式 3D 和 2D 图形的 JavaScript API,它基于 OpenGL ES 2.0 标准,为开发者提供了一种在浏览器中创建高性能图形应用的途径
|
20天前
|
存储 监控
显示器中的HDR10、HDR400、HDR600有什么区别?
HDR10是通用的HDR标准,无需支付版权费;HDR400、HDR600等是VESA的DisplayHDR等级,根据亮度、色域、色深等指标划分,数值越高代表性能越强,如HDR400要求400nit亮度,HDR600则需600nit以上。
|
2月前
|
C++
SDL基础使用03(渲染显示bmp图片)
如何使用SDL库在C++中创建窗口、加载BMP图片、创建纹理,并通过渲染器进行显示的完整过程。
36 2
|
2月前
|
C++
SDL基础使用02(加载bmp图片、纹理和渲染)
这篇文章介绍了如何使用SDL库在C++中加载和显示BMP图片,以及如何使用纹理和渲染器进行更高级的图形处理。
21 2
|
3月前
|
JavaScript 前端开发 图形学
|
传感器 编解码
什么是HDR?HDR与SDR的区别?
HDR(高动态范围)技术是一种近年来变得流行的图像技术,用于拍摄更自然、更真实的影像,尤其在Audio / Visual设备和数码相机等方面得到了广泛应用。在这里,我们将解释HDR技术的具体是什么,HDR与SDR的区别,HDR与4K的关系,以及HDR一般内置在哪些设备中。
|
并行计算 C++
Opengl ES之YUV数据渲染
Opengl ES连载系列
182 0
|
移动开发 前端开发 JavaScript
什么是 WebGL?
什么是 WebGL?
246 0
|
存储 JavaScript 前端开发
webgl系列之 buffer的使用
什么是buffer buffer, 这是啥东西啊 ,或者说为什么要有buffer 这个东西 对于webgl 来说。我们先看下官方定义: 「WebGLBuffer」 接口属于 WebGL API 的一部分,表示一个不透明的缓冲区对象,储存诸如顶点或着色之类的数据。 官方的这个解释,作为一个小白来说, 啥哇,你这是在为难我胖虎嘛??? 图片 为难我胖虎 没事由我来大家解读,首先第一句话就是一句废话, 属于「webgl API 的一部分」, 这我他🐴的也知道哇,我们重点分析 一下这句话,是一个不透明的缓冲区对象, 什么是缓冲区对象 「webgl提供一种很方便的机制 ,就是缓冲区对象」,它可
webgl系列之 buffer的使用
|
存储 缓存
获取OpenGL Buffer里面的数据
获取OpenGL Buffer里面的数据
340 0