基于径向模糊的体积光在Cesium中的应用

refineiks

已于 2023-12-24 18:55:07 修改

阅读量7.6k

点赞数 21

分类专栏： Cesium 图形学文章标签：图形渲染前端

于 2023-12-14 19:55:00 首次发布

本文链接：https://blog.csdn.net/2301_79959413/article/details/134965721

版权

Cesium 同时被 2 个专栏收录

11 篇文章 2 订阅

订阅专栏

图形学

9 篇文章 1 订阅

订阅专栏

概述

当空间中包含足够稠密的光散射介质（例如气体分子和气溶胶）时，光源透过遮挡物的缝隙投射的光线打在空气中的尘埃上，产生散射进入到人眼中，这些光线看起来像是一道一道的光柱，被称为体积光。

在图形渲染中，体积光对画面的质感能起到很大的提升作用。体积光的渲染主要有BillBoard贴片、径向模糊和光线追踪 3 种方式。BillBoard贴片是把带有光柱效果的图片叠放在原始场景之上，实现方式不够灵活，换另一个场景就得另一组图片；径向模糊用后处理方式实现，效果不错，性能开销较小；光线追踪效果最好，算法较为复杂，性能消耗相对也较大。

在以上3种方式中，径向模糊在算法复杂度、性能开销、渲染效果等方面的表现相对均衡，同时它是在后处理阶段实现的，正好 Cesium 提供了一套现成的后处理机制，因此我们不用考虑后处理的基本流程，只要提供片元着色器和相应的 uniform 变量即可。本文主要讨论基于径向模糊算法的体积光及其在Cesium上的实现思路。

图1 体积光效果

径向模糊算法

径向模糊算法的核心思想是：在当前片元到光源的路径上选取一系列的采样点，考虑权重和衰减等因素的影响算出采样颜色，采样颜色之和为当前片元最终的颜色。算法逻辑如图2所示，当前片元径向模糊后的颜色 Color 是所有采样颜色之和，屏幕空间中每个片元都按照这个逻辑计算一次。图3是径向模糊前后对比的示例，可以看出是朝一个方向模糊的，这也是径向的含义。表1是径向模糊的GLSL代码片段，虽然用到了循环，但实际使用中并没有感觉性能受到多大影响。

图2 算法逻辑

图3 径向模糊前后对比

/// Our light scattering pass texture
uniform sampler2D UserMapSampler;
/// Indicate where is the light source on the screen (2D position)
uniform vec2 lightPositionOnScreen;
void main()
{
 float decay=0.96815;
 float exposure=0.2;
 float density=0.926;
 float weight=0.58767;
 /// NUM_SAMPLES will describe the rays quality, you can play with
 int NUM_SAMPLES = 100;
 vec2 tc = gl_TexCoord[0].xy;
 vec2 deltaTexCoord = (tc — lightPositionOnScreen.xy);
 deltaTexCoord *= 1.0 / float(NUM_SAMPLES) * density;
 float illuminationDecay = 1.0;
 vec4 color =texture2D(UserMapSampler, tc.xy)*0.4;
 for(int i=0; i < NUM_SAMPLES ; i++)
 {
    tc -= deltaTexCoord;
    vec4 sample = texture2D(UserMapSampler, tc)*0.4;
    sample *= illuminationDecay * weight;
    color += sample;
    illuminationDecay *= decay;
 }
 gl_FragColor = color;
}

表1 径向模糊 GLSL 代码片段