Openglesフラグメントシェーダが効果を達成

Question

イメージの滑らかなマージ効果をセンターカットで実現したいです。センターカット私は下のコードから達成した。

varying highp vec2 textureCoordinate; 
uniform sampler2D videoFrame; 

void main(){ 
    vec4 CurrentColor = vec4(0.0); 

    if(textureCoordinate.y < 0.5){ 
     CurrentColor = texture2D(videoFrame,vec2(textureCoordinate.x,(textureCoordinate.y-0.125)));  
    } else{ 
     CurrentColor = texture2D(videoFrame,vec2(textureCoordinate.x,(textureCoordinate.y+0.125))); 
    } 

    gl_fragColor = CurrentColor;  
} 

上記のコードは、以下の画像に効果を与えます。

実際：

センターカット：

所望の出力：

私が欲しいものがありますシャープなカットがそこにあるべきではない、両方の半分の滑らかな勾配マージがあるべきである。

Answer 1

実際のぼかしがありますか、または線形ブレンドしたいですか？ぼかしはカーネルのぼかしを伴うのに対し、ブレンドはy座標に応じてこれらの2つの間の単純な補間になります。

これは線形ブレンドのコードです。

varying highp vec2 textureCoordinate; 
uniform sampler2D videoFrame; 

void main(){ 
    float steepness = 20; /* controls the width of the blending zone, larger values => shaper gradient */ 
    vec4 a = texture2D(videoFrame,vec2(textureCoordinate.x,(textureCoordinate.y-0.125)));  
    vec4 b = texture2D(videoFrame,vec2(textureCoordinate.x,(textureCoordinate.y+0.125))); 

    /* EDIT: Added a clamp to the smoothstep parameter -- should not be neccessary though */ 
    vec4 final = smoothstep(a, b, clamp((y-0.5)*steepness, 0., 1.)); /* there's also mix instead of smoothstep, try both */ 

    gl_FragColor = final;  
} 

ぼかしカーネルを適用すると、実際のぼかしを行うのはもう少し複雑です。基本的には、2つのネストされたループを含み、隣接するテクセルを繰り返し、いくつかの分布に従ってそれらを合計します（追加のテクスチャを通してその分布を供給することによって最も柔軟になり、ボケを追加することもできます）。