基于Qt的OpenGL可编程管线学习（19）-雾

雾的效果，这里只对牛头的模型进行了雾化,如下图所示

目前创新互联建站已为上1000家的企业提供了网站建设、域名、网页空间、绵阳服务器托管、企业网站设计、新平网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

距离模型越近，越清晰

1、线性雾

fragment shader中实现效果，

参数为眼睛到平面的距离，需要传入雾的起始位置和终止位置

float calcFogLinear(float distance)
{
        float fogAlpha = (distance - M_FogStart) / (M_FogEnd - M_FogStart);
        fogAlpha = 1.0 - clamp(fogAlpha, 0.0, 1.0);
        return fogAlpha;
}

2、EXP雾

fragment shader中实现，需要传入雾的浓度

float calcFogExp(float distance)
{
        float fogAlpha = exp(-(distance * M_FogDensity));
        fogAlpha = clamp(fogAlpha, 0.0, 1.0);
        return fogAlpha;
}

3、EXPX雾

fragment shader中实现，需要出入雾的浓度和梯度

float calcFogExpX(float distance)
{
        float fogAlpha = exp(-pow(distance * M_FogDensity, M_FogGradiant));
        fogAlpha = clamp(fogAlpha, 0.0, 1.0);
        return fogAlpha;
}

眼睛的位置计算

M_EyesPos = V * wordPos;

fragment shader

// 计算雾的强度
// 线性计算
//float fogAlpha = calcFogLinear(abs(M_EyesPos.z / M_EyesPos.w));
// EXP方式计算
//float fogAlpha = calcFogExp(abs(M_EyesPos.z / M_EyesPos.w));
// EXPX方式计算
float fogAlpha = calcFogExpX(abs(M_EyesPos.z / M_EyesPos.w));

vec4 lightColor = texture2D(U_MainTexture, M_coord) * ambientColor + 
                  texture2D(U_MainTexture, M_coord) * diffuseColor;// + specularColor;
gl_FragColor = mix(M_FogColor, lightColor, fogAlpha);

CPU端雾的设置

// 设置雾
float nFogStart = 1.0f;
float nFogEnd = 500.0f;
float nFogColor[] = {41.0f / 255.0f, 71.0f / 255.0f, 121.0f / 255.0f, 1.0f};
float nFogDensity = 0.008f;   // 雾的强度
float nFogGradiant = 2.0f;  // 雾的衰减梯度
OpenGLCore->glUniform1f(m_Mode2->getLocationHandle("M_FogStart"), nFogStart);
OpenGLCore->glUniform1f(m_Mode2->getLocationHandle("M_FogEnd"), nFogEnd);
OpenGLCore->glUniform4fv(m_Mode2->getLocationHandle("M_FogColor"), 1, nFogColor);
OpenGLCore->glUniform1f(m_Mode2->getLocationHandle("M_FogDensity"), nFogDensity);
OpenGLCore->glUniform1f(m_Mode2->getLocationHandle("M_FogGradiant"), nFogGradiant);

分享文章：基于Qt的OpenGL可编程管线学习（19）-雾
新闻来源：http://6mz.cn/article/gsshjo.html