Как создать туман с помощью GLSL (WebGL)

[ІГРОГРАЙКО]

Прочитал некоторые уроки по этому поводу, но никак не могу понять с чего начинать.
У меня есть шейдеры:

Вершинный:

attribute vec3 aVertexPosition;
attribute vec2 aTextureCoord;

varying vec2 vTextureCoord;
varying vec3 vPosition;

uniform mat4 uMVMatrix;
uniform mat4 uPMatrix;

void main(void) {
	vPosition = aVertexPosition;
	gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);;
	vTextureCoord = aTextureCoord;
}

Фрагментарный:

#ifdef GL_ES
precision highp float;
#endif

varying vec2 vTextureCoord;
varying vec3 vPosition;

uniform sampler2D SamplerNZ;

void main(void) {

	gl_FragColor = texture2D(SamplerNZ, vTextureCoord);

}

Что надо в них добавить чтобы появился туман?

[Mr_F_]

вот тебе формулы простого тумана
http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

дальше смотри какие функции есть в glsl и как ими это написать.

[ІГРОГРАЙКО]

Сообщение от Mr_F_

вот тебе формулы простого тумана
http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

дальше смотри какие функции есть в glsl и как ими это написать.

Суть в том, что я не знаю какими функциями и как ими пользоваться в GLSL. А за формулы линейного, экспоненциального тумана я уже читал. Просто я не знаю как это реализовать... Помогите пожалуйста.

[moka]

Шейдеры? Дистанция пикселя к камере = туман.

[Mr_F_]

функций не так то и много
http://www.opengl.org/sdk/docs/manglsl/

[ІГРОГРАЙКО]

Уже познал!

Чтобы сделать туман на WebGL достаточно взять и переписать фрагментарный шейдер:

#ifdef GL_ES
precision highp float;
#endif

varying vec2 vTextureCoord;
varying vec3 vPosition;

vec4 fColor;
vec4 Fogcolor = vec4(0.0,0.0,0.0,1.0);
float density = 0.0005;
const float LOG2 = 1.442695;
float fogFactor;
float z;

uniform sampler2D SamplerNZ;

void main(void) {

	fColor = texture2D(SamplerNZ, vTextureCoord);
        z = gl_FragCoord.z / gl_FragCoord.w;
	fogFactor = exp2( -density * density * z * z * LOG2 );
	fogFactor = clamp(fogFactor, 0.0, 1.0);
        
        gl_FragColor = mix(Fogcolor, fColor, fogFactor );
}