Shader 特效 —— Film Burn （炫光光晕）效果【GLSL】

/// @note 大 Blob
/// 增加一点随机性，改变每个 blob 的形状
        f += .1 +
             sin(((p.x * rand(i) * 6.0) + ///< 影响 blob 的大小
                  (progress * 8.0)) +     ///< 影响 blob 的速度
                 rand(i + 1.43)) *
             cos(((p.y * rand(i + 4.4) * 6.0) + ///< 影响 blob 的大小
                  (progress * 6.0)) +           ///< 影响 blob 的速度
                 rand(i + 2.4));    
                 

/// @note 小粒子
        f += 1. - clamps(length(p -
                                vec2(smoothRandom(vec2(progress * 1.3), i + 1.0),       ///< 控制粒子的运动位置和轨迹【通过插值确保产生的随机值是连续的】
                                     smoothRandom(vec2(progress * 0.5), i + 6.25))) *
                         mix(20., 70., rand(i)));                                       ///< 影响粒子的大小，值越大粒子越小

/// @note 颜色随着 progress 而变化
f = pow3(f * color,   ///< 着色
         vec3(1., 2. - sin(progress * PI), 1.3)); ///< 1., [2., 1.], 1.3
f *= sin(progress * PI);

/// @note 图像周期性缩放
p -= .5;    ///< 以屏幕中心为原点
 
/// 随机对纹理坐标进行缩放
p *= 1. + (smoothRandom(vec2(progress * 5.), 6.3) * sin(progress * PI) * .05);
p += .5;    ///< 平移原点回左下角

    float bluramount = sin(progress * PI) * .03;
 
    /// @note repeats 越大，毛玻璃效果越弱
    for (float i = 0.; i < repeats; i++)
    {
        /// 角度转弧度
        float rad = radians((i / repeats) * 360.);
        vec2 q = vec2(cos(rad), sin(rad)) *
                 (rand(vec2(i, p.x + p.y)) + bluramount); ///< 生成噪点
 
        vec2 uv2 = p + (q * bluramount); ///< 随机噪点偏移纹理坐标，毛玻璃效果
        blurred_image += textureSmoothMix(uv2); ///< 叠加随机偏移的纹理（同时随着 progress 变化）
    }
    blurred_image /= repeats; ///< 平均，模糊

/// @brief 纹理平滑混合
vec4 textureSmoothMix(vec2 p)
{
    return mix(getFromColor(p), getToColor(p), sigmoid(progress, 10.));
}

请留言