OpenGL ES 交换像素

Question

我尝试开发一个 android 应用程序交换像素（相机预览）底部 顶部。 swap diagram

所以我写了这个顶点着色器，但它显示了非常奇怪的东西（带有数字噪声的黑屏）。

attribute vec4 vPosition;
attribute vec2 inputTextureCoordinate;
varying vec2 textureCoordinate;
void main()
{
    if (vPosition.y > 0.0)
    {
        gl_Position = vPosition - vec4(0.0, 1.0, 0.0, 0.0);
    }
    else
    {
        gl_Position = vPosition + vec4(0.0, 1.0, 0.0, 0.0);
    }
    textureCoordinate = inputTextureCoordinate;
}

但是下面的这个顶点着色器可以工作，但它只会将顶部像素移动到底部。

attribute vec4 vPosition;
attribute vec2 inputTextureCoordinate;
varying vec2 textureCoordinate;
void main()
{
    if (vPosition.y > 0.0)
    {
        gl_Position = vPosition - vec4(0.0, 1.0, 0.0, 0.0);
    }
    else
    {
        gl_Position = vPosition;
    }
    textureCoordinate = inputTextureCoordinate;
}

你知道如何像我的图表那样交换像素（让我的第一个顶点着色器工作）吗？ 谢谢

Answer 1

避免 if 着色器中的声明 performance 可能会恶化。

简单的解决方案可能是在片段着色器中交换纹理坐标。我想您的 v 纹理坐标沿着渲染相机图像的四边形的整个高度从 0 变为 1。然后片段着色器中的以下代码应该可以解决问题。

textureCoordinate = vec2(textureCoordinate.u, 1 - textureCoordinate.v);

但是，实际的纹理坐标交换取决于您在四边形顶点定义纹理坐标的方式。