温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

基于Qt的OpenGL可编程管线学习(19)- 雾

发布时间:2020-07-17 09:22:40 来源:网络 阅读:1165 作者:Douzhq 栏目:编程语言

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


基于Qt的OpenGL可编程管线学习(19)- 雾

基于Qt的OpenGL可编程管线学习(19)- 雾

距离模型越近,越清晰


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);


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI