在 OpenGL ES 2.0 中，如何从采样器读取相邻纹理像素？

Question

我正在传递一个 NxM 大小的纹理作为 GLSL 片段着色器（OpenGL ES 2.0）中的采样器。从相邻纹素读取纹素数据的正确方法是什么？我在片段着色器中没有“变化的”纹理坐标。我只能使用片段坐标来读取纹理信息。

以下是我的着色器，我不确定它是否实际读取数据：

precision mediump float;

uniform sampler2D Sampler;

#define OFFSET 1.0

void main()
{

    vec2 T = gl_FragCoord.xy;

    //Find neighboring velocities:
    vec2 N = texture2D(Sampler,vec2(T.x,T.y+OFFSET)).xy;
    vec2 S = texture2D(Sampler,vec2(T.x,T.y-OFFSET)).xy;
    vec2 E = texture2D(Sampler,vec2(T.x+OFFSET,T.y)).xy; 
    vec2 W = texture2D(Sampler,vec2(T.x-OFFSET,T.y)).xy; 
}

OFFSET 值应该是 1.0 还是 NxM 大小纹理的其他值？

Answer 1

Nem 的回答是正确的，纹理坐标应该在 [0,1] 中。但请记住，gl_FragCoord 的值在 [0,N]x[0,M] 中（假设您的视口也是 NxM）。因此，您在片段坐标上添加偏移量 1 是正确的，但是这个总和必须除以屏幕尺寸（可能与纹理尺寸相同）：

precision mediump float;

uniform sampler2D Sampler;
uniform vec2 invScreenSize;

void main()
{

    vec2 T = gl_FragCoord.xy;

    //Find neighboring velocities:
    vec2 N = texture2D(Sampler,vec2(T.x,T.y+1.0)*invScreenSize).xy;
    vec2 S = texture2D(Sampler,vec2(T.x,T.y-1.0)*invScreenSize).xy;
    vec2 E = texture2D(Sampler,vec2(T.x+1.0,T.y)*invScreenSize).xy; 
    vec2 W = texture2D(Sampler,vec2(T.x-1.0,T.y)*invScreenSize).xy; 
}

其中 invScreenSize 是屏幕尺寸的倒数(1/N, 1/M)，以防止着色器中的分割。

Answer 2

我非常确定在 OpenGL ES 2.0 中，所有纹理坐标都在 0.0 和 1.0 之间浮动，因此添加 1.0 将是错误的，并且可能会环绕到完全相同的位置。您的 x 偏移量应为 1.0/N，y 偏移量应为 1.0/M（基于您的 NxM 声明）。我不确定这是最好的解决方案，但我已经用它来解决类似的问题。

我建议您检查 OpenGL ES 着色语言规范，以验证我关于纹理坐标格式的声明是否正确（几个月前我这样做了）。这是一个 pdf 文件，很容易通过 google 找到，并且在某处有所有内置函数的便捷列表。