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

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

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

    分屏特效中的两屏特效。分成上下两层,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

    相关文章

      网友评论

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

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