Осколки фрагмента шейдера достигают эффекта

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;  
} 

Приведенный выше код приводит к изображению внизу.

Actual:

Центр покрой:

Желаемая Выход:

Что я хочу это резкого сокращения не должно быть там, должно быть плавное градиентное слияние обеих половин.

Answer 1

Вы хотите фактическое размытие или просто линейную смесь? Поскольку размытие связано с размытым ядром, тогда как смесь будет простой интерполяцией между этими двумя, в зависимости от y-координаты.

Это код для линейной смеси.

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;  
} 

Выполнение фактического размытия немного сложнее, поскольку вы должны применить это размытое ядро. В основном это включает в себя две вложенные петли, итерации по соседним текстам и суммирование их в соответствии с некоторым распределением (наиболее гибким, поставляя это распределение через дополнительную текстуру, которая также позволила добавить некоторые боке).