SuperMap iClient for WebGL加载HDR格式的环境光贴图

目录

前言

一、HDR格式的环境光贴图概念

二、HDR格式的环境光贴图生成

2.1 Photoshop生成

2.2 格式转换（.psd->.hdr）

2.3 格式转换（.hdr->.ktx）

三、HDR格式的环境光贴图加载

3.1 关键代码

3.2 效果展示

---

前言

        在三维渲染效果要求越来越逼真的大环境下，超图不负众望，最新SuperMap iClient3D 11i(2023) for WebGL/WebGPU beta 版本新增了支持加载HDR格式的环境光贴图的功能。下面小编带大家一起来看看什么是HDR格式的环境光贴图，怎样生成以及用代码如何加载。

一、HDR格式的环境光贴图概念

       HDR贴图在3D等图像软件中，具有高动态范围的环境贴图。本身是High-Dynamic Range（高动态范围） 的缩写。HDR的含义，简单说，就是超越普通的光照的颜色和强度的光照。

       作用：建筑、家居、静物、机械、影视及后期的制作等等的模型的渲染会需要这样的贴图。 其重要作用于：作为环境背景（比如渲染建筑物模型，背景中的蓝天白云树木等等即可用此贴图）。 亦或是作为被渲染模型的照射以及反射光源（比如渲染汽车或不锈钢材质等高反光模型时， HDR贴图会作为环境光，不但可以起到反光板那样的照射效果，更重要的是被渲染物体表面会产生超丰富逼真的自然反光效果）。

       下面我用三张图片做说明来解释一下HDR的工作原理。

       在日常生活中，我们肉眼看到了图3的自然风光，很想将它拍下来。拿起手机或者相机将焦点放在太阳周围，拍到的是图1所示；将焦点放在山或草附近，拍到的是图2所示。无论如何，始终拍不到图3的效果。所以，当我们在一个场景中同时看到明亮和黑暗的色调时，我们的相机并不具备和我们的眼睛一样的能力。我们的眼睛配备了最先进的技术，让我们能够看到和感知任何人造电子设备都无法接近的颜色和色调。这种色调和颜色的范围在摄影中被称为“动态范围”，这已经成为现代数码相机传感器的一个关键性能指标——动态范围越大，传感器就越好。

       如果我们捕捉到同一地点的一张曝光不足、正常和过度曝光的照片，然后把它们组合成一张照片，所有的东西都适当曝光，结果会怎样呢?这就是HDR的工作原理：HDR或高动态范围摄影是一种后处理技术，使用以不同快门速度拍摄的同一场景的多幅图像，将它们组合成一张照片。其结果是图像的阴影和明亮区域的细节都是最多的，接近人眼所能看到的。