GL ES 2.0中的简单通道偏移着色器

Question

有人能指出我正确的方向来创建一个可以在GL ES 2.0上运行的效果similar to this吗？

.vert

uniform vec2 uAberrationOffset; 

void main() {
    gl_TexCoord[0] = gl_MultiTexCoord0;
    gl_Position = gl_ProjectionMatrix * gl_ModelViewMatrix * gl_Vertex;
}

.frag

uniform sampler2DRect baseTex; 
uniform vec2 uAberrationOffset; 

void main() {


vec4 coords = gl_TexCoord[0];

// baseTex is FBO of screen (1280x800 -> non-square)
// offset red
vec4 fbo1 = texture2DRect(baseTex, coords.xy - uAberrationOffset);  
// keep green where it is
vec4 fbo2 = texture2DRect(baseTex, coords.xy);  
// offset blue
vec4 fbo3 = texture2DRect(baseTex, coords.xy + uAberrationOffset);  

// FBO channels mixed (incl. offsets)
vec4 colFinal = vec4(fbo1.r, fbo2.g, fbo3.b, 1.);

// Output final pixel color
gl_FragColor = colFinal;
}

Answer 1

以下婴儿步骤将允许您将这些着色器移植到ES 2.0。

• 请勿使用老式校服：gl_ProjectionMatrix和gl_ModelViewMatrix。用用户定义的制服替换它们。

ES中不支持

• sampler2DRect和texture2DRect，但您可以使用普通的sampler和texture2D来调用此效果。

• gl_MultiTexCoord0和gl_Vertex是旧式属性。您需要使用用户定义的顶点属性替换它们。