how to pick pixel value from a specific index of a texture in OpenGL GLSL

Question

I am rendering a texture where I am stuck at a point where I need to pick values from some specific index to update the current index.

For EG :

float someColor = texture2D(u_image, vTexCoord).r; //assume u_image is 10*10 image
if (someColor.r > 0.5) {
    someColor = someColorPalette[(zr*zcols)+(zc-1)]; //someColorPalette is another texture
//where (zr*zcols)+(zc-1) is getting the pixel value from some index using the calculation 
}

`

In the above snippet I know that someColorPalette[(zr*zcols)+(zc-1)] is a CPU statement and won't work in opengl. Can anyone suggest for some alternate solution to read from index of a texture?

The answer will depend on which OpenGL version you're talking about. — Nicol Bolas
– Nicol Bolas, Commented Feb 11, 2018 at 15:04

score 10 · Accepted Answer · 2018-02-12 02:40:28Z

10

For GLSL ES 1.0 to pull out a specific texel from a texture use

 vec2 resolutionOfTexture = vec2(someWidth, someHeight)
 int pixelX = ?
 int pixelY = ?

 vec2 uv = (vec2(pixelX, pixelY) + .5) / resolutionOfTexture;
 vec4 color = texture(someTexture, uv);

You need to add .5 to target the center of texels, otherwise you're targeting edges and you might get the wrong pixel.

Of course resolutionOfTexture and pixelX and pixelY can all be uniforms or whatever

For GLSL ES 3.0 use

 vec4 color = texelFetch(someTexture, ivec2(pixelX, pixelY), 0);

If you want a linear index then in GLSL ES 1.0

 pixelX = mod(someIndex, resolutionOfTexture.x);
 pixelY = floor(someIndex / resolutionOfTexture.x);

in GLSL ES 3.0

 ivec2 texSize = textureSize(someTexture, 0);
 pixelX = someIndex % texSize.x;
 pixelY = someIndex / texSize.x;

edited Feb 12, 2018 at 2:40

answered Feb 11, 2018 at 12:11

user128511

Sign up to request clarification or add additional context in comments.

1 Comment

graphics123 Over a year ago

Thanks for the valuable suggestions , let me try them one by one. I am still using WebGl1 so I think first answer will do for me.

Collectives™ on Stack Overflow

how to pick pixel value from a specific index of a texture in OpenGL GLSL

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related