glsl

I am currently learning OpenGL with shaders (3.3). There is one thing i can't seem to work out though. I have read that using built-in variables like gl_Position and gl_FragCoords is deprecated in OpenGL 3+, therefore I wanted to use my own output variable. So instead of this: #version 330\n layout(location=0) in vec2 i_position; out vec4 o_position; void main() { gl_Position = vec4(i_position, 0.0, 1.0); }; I wrote this: #version 330\n layout(location=0) in vec2 i_position; out vec4 o_position; void main() { o_position = vec4(i_position, 0.0, 1.0); }; The shaders compile without problems in

I have seen the following question where someone asked how to remove shaders from html: WebGL - is there an alternative to embedding shaders in HTML? There are elaborate workarounds to load in a file containing the shader suggested in the answers to the question. In the tutorial I saw, the shader code is embedded directly in the html. The javascript code refers to it using getElementById. But it's ugly embedding the shader directly in the html for many reasons. Why can't I just refer to it externally using the src= attribute? <script type="x-shader/x-fragment" id="shader-fs" src="util/fs"><

I have an open source iOS application that uses custom OpenGL ES 2.0 shaders to display 3-D representations of molecular structures. It does this by using procedurally generated sphere and cylinder impostors drawn over rectangles, instead of these same shapes built using lots of vertices. The downside to this approach is that the depth values for each fragment of these impostor objects needs to be calculated in a fragment shader, to be used when objects overlap. Unfortunately, OpenGL ES 2.0 does not let you write to gl_FragDepth , so I've needed to output these values to a custom depth texture