美文网首页
OpenGLES滤镜开发汇总 —— 仿抖音四屏特效

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

作者: cain_huang | 来源:发表于2019-03-08 23:46 被阅读0次

    分屏特效中的四屏特效。就是缩放成一半,然后四个位置填充整张纹理。shader如下:

    // 仿抖音四屏特效
    precision highp float;
    uniform sampler2D inputTexture;
    varying highp vec2 textureCoordinate;
    
    void main() {
        vec2 uv = textureCoordinate;
        if (uv.x <= 0.5) {
            uv.x = uv.x * 2.0;
        } else {
            uv.x = (uv.x - 0.5) * 2.0;
        }
        if (uv.y <= 0.5) {
            uv.y = uv.y * 2.0;
        } else {
            uv.y = (uv.y - 0.5) * 2.0;
        }
        gl_FragColor = texture2D(inputTexture, fract(uv));
    }
    

    效果如下:


    四分屏特效.png

    相关文章

      网友评论

          本文标题:OpenGLES滤镜开发汇总 —— 仿抖音四屏特效

          本文链接:https://www.haomeiwen.com/subject/ogljpqtx.html