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 좌표에 따라 그 둘 사이의 간단한 보간이됩니다.

선형 혼합 코드입니다.

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

실제 흐림 효과는 흐리게 처리되는 커널을 적용 할 때 좀 더 복잡합니다. 기본적으로 인접한 텍셀을 반복하고 일부 분포 (일부 보케를 추가 할 수있는 추가 텍스처를 통해 해당 분포를 제공함으로써 가장 유연함)에 따라 합계하는 두 개의 중첩 루프가 필요합니다.