opengles

OpenGLES滤镜开发汇总 —— 仿抖音两屏特效

2019-03-08  本文已影响0人  cain_huang

分屏特效中的两屏特效。分成上下两层,uv坐标的y轴在 0.0 ~ 0.5 和 0.5 ~ 1.0 的时候,均填充 0.25 ~ 0.75 区间的纹理图像。shader 如下:

// 仿抖音两屏特效
precision highp float;
uniform sampler2D inputTexture;
varying highp vec2 textureCoordinate;

void main() {
    // 纹理坐标
    vec2 uv = textureCoordinate.xy;
    float y;
    if (uv.y >= 0.0 && uv.y <= 0.5) {
        y = uv.y + 0.25;
    } else {
        y = uv.y - 0.25;
    }

    gl_FragColor = texture2D(inputTexture, vec2(uv.x, y));
}

效果如下:


二分屏特效.png
上一篇下一篇

猜你喜欢

热点阅读