What does iResolution mean in a shader?

glsl fragment-shader
Jackie picture Jackie · Jan 11, 2015 · Viewed 8.4k times · Source

I am new to GLSL. I find there is a variable iResolution in every demo https://www.shadertoy.com/new. What does it mean?

If I want to pass this variable to the shader, what do I need do?

Answer

Reto Koradi picture Reto Koradi · Jan 12, 2015

You can see the definition if you expand the "Shader Inputs" section above the code:

enter image description here

The description pretty much says it all. It's the size of the window/viewport in pixels. In the example, gl_FragCoord, which is the position in pixels of the fragment, is divided by this size to obtain the relative position of the fragment within the viewport.

You would set this like any other uniform variable:

GLint loc = glGetUniformLocation(program, "iResolution");
glUniform2f(loc, width, height);

where width and height are the size of your window/viewport. It's odd that this is defined as a vec3, since only the x and y values are useful.

Related questions

GLSL: How to get pixel x,y,z world position?

I want to adjust the colors depending on which xyz position they are in the world. I tried this in my fragment shader: varying vec4 verpos; void main(){ vec4 c; c.x = verpos.x; c.y = verpos.y; c.z = …

Read More
How do I get the current color of a fragment?

I'm trying to wrap my head around shaders in GLSL, and I've found some useful resources and tutorials, but I keep running into a wall for something that ought to be fundamental and trivial: how does my fragment shader retrieve …

Read More
How to define constant array in GLSL (OpenGL ES 2.0)?

I just want to store an array of weights that needs to every fragment calculation. This: float weights[5] = float[5](3.4, 4.2, 5.0, 5.2, 1.1); Just throws this: ERROR: 0:30: ']' : syntax error syntax error ERROR: 0:30: ';' : syntax error syntax error

Read More