分屏特效中的模糊分屏特效，好說的，就是把整張圖片的先做模糊處理，然后裁剪保留中間1/3的紋理，上層模糊后的紋理經(jīng)過縮放處理在貼圖?？s放倍數(shù)大于1.0。分屏的shader 如下：

// 仿抖音模糊分屏
precision mediump float;
uniform sampler2D inputTexture; // 原始圖像
uniform sampler2D blurTexture;  // 經(jīng)過高斯模糊的圖像
varying vec2 textureCoordinate;

uniform float blurOffsetY;  // y軸邊框模糊偏移值
uniform float scale;        // 模糊部分的縮放倍數(shù)

void main() {
    // uv坐標(biāo)
    vec2 uv = textureCoordinate.xy;
    vec4 color;
    // 中間為原圖部分
    if (uv.y >= blurOffsetY && uv.y <= 1.0 - blurOffsetY) {
        color = texture2D(inputTexture, uv);
    } else { // 邊框部分使用高斯模糊的圖像
        vec2 center = vec2(0.5, 0.5);
        uv -= center;
        uv = uv / scale;
        uv += center;
        color = texture2D(blurTexture, uv);
    }
    gl_FragColor = color;
}

效果如下：

模糊分屏特效.png