Cómo hacer un efecto de resplandor exterior usando HLSL?

Question

En WPF OuterGlowBitmapEffect ya no es admitido ni representado por Net4.0. DropShadow tiene un poco en común y no es aceptable en mi caso. Mi objetivo inicial es crear un fondo blanco borroso para el texto ClearType negro en la ventana de AeroGlass para que sea más legible en las escenas oscuras. Empecé a jugar con fx y HLSL. Es bastante interesante y potente, pero todavía no puedo acercarme a OuterGlowBitmapEffect.

Mi versión ficticia actual que refleja la idea:

sampler2D Sampler : register(S0); 
#define PI 3.14f 
float4 main(float2 uv : TEXCOORD) : COLOR 
{ 
    float4 px = tex2D(Sampler, uv); 

    /* 
    if (px.a > 0.9) 
    { 
     return px; 
    } 
    */ 

    const float d = 3; 

    int cnt = 0; 
    float a = 0; 
    for (float x = -0.1*d; x < 0.1*d; x += 0.05*d) 
    { 
     a += tex2D(Sampler, uv + float2(x, 0)).a; 
     a += tex2D(Sampler, uv + float2(0, x)).a; 
     a += tex2D(Sampler, uv + x).a; 
     cnt += 3; 
    } 
    a /= cnt; 

    float4 s = a; 

    float4 r = float4(px.rgb*px.a + s.rgb*(1-px.a), max(px.a, a)); 

    return r; 
} 

Por cierto: ¿Puedo obtener una fuente de HLSL DropShadowEffect usarlo como referencia? ¿Puede alguien señalarme un algoritmo OuterGlowEffect en cualquier idioma?

NOTA: la barra de título Windows Glass Aero Glass tiene tal efecto para hacer que el título sea más legible. Eso es exactamente lo que me gustaría tener para mi texto en otras partes de la ventana (DwmExtendFrameIntoClientArea aplicado)

Answer 1

La idea general es hacer primero el texto en blanco y luego desenfocarlo. Y finalmente, utilizar el texto blanco borroso como imagen de fondo para el texto negro.

Su sombreado es un desenfoque correcto, pero es algo ineficaz (muestras redundantes para x = 0, por ejemplo). Puede crear una buena borrosidad grande con dos pasadas: una borrosa horizontal y una vertical. código HLSL:

float4 PS_BlurHorizontal(float2 Tex : TEXCOORD0) : COLOR0 
{ 
    float Color = 0.0f; 

    Color += tex2D(sampler, float2(Tex.x - 3.0*blurSizeX, Tex.y)) * 0.09f; 
    Color += tex2D(sampler, float2(Tex.x - 2.0*blurSizeX, Tex.y)) * 0.11f; 
    Color += tex2D(sampler, float2(Tex.x - blurSizeX, Tex.y)) * 0.18f; 
    Color += tex2D(sampler, Tex) * 0.24f; 
    Color += tex2D(sampler, float2(Tex.x + blurSizeX, Tex.y)) * 0.18f; 
    Color += tex2D(sampler, float2(Tex.x + 2.0*blurSizeX, Tex.y)) * 0.11f; 
    Color += tex2D(sampler, float2(Tex.x + 3.0*blurSizeX, Tex.y)) * 0.09f; 

    return Color; 
} 

float4 PS_BlurVertical(float2 Tex : TEXCOORD0) : COLOR0 
{ 
    float Color = 0.0f; 

    Color += tex2D(sampler, float2(Tex.x, Tex.y - 3.0*blurSizeY)) * 0.09f; 
    Color += tex2D(sampler, float2(Tex.x, Tex.y - 2.0*blurSizeY)) * 0.11f; 
    Color += tex2D(sampler, float2(Tex.x, Tex.y - blurSizeY)) * 0.18f; 
    Color += tex2D(sampler, Tex) * 0.24f; 
    Color += tex2D(sampler, float2(Tex.x, Tex.y + blurSizeY)) * 0.18f; 
    Color += tex2D(sampler, float2(Tex.x, Tex.y + 2.0*blurSizeY)) * 0.11f; 
    Color += tex2D(sampler, float2(Tex.x, Tex.y + 3.0*blurSizeY)) * 0.09f; 

    return Color; 
} 
// weights: 0.09 + 0.11 + 0.18 + 0.24 + 0.18 + 0.11 + 0.9 = 1 
// By default, weigths are symmetrical and sum up to 1, 
// but they don't necessarily have to. 
// You can change the weights to create more fancy results. 

Estas dos pases 7-muestra simulan un desenfoque gaussiano de 7x7 (14 muestras en lugar de 49). Puede utilizar más muestras para mejorar el resultado (hacer que el desenfoque sea más ancho) o simplemente ajustar los pesos para crear un aspecto más suave.