BillBoard shader实现

最新推荐文章于 2022-05-05 19:28:56 发布

pizi0475

最新推荐文章于 2022-05-05 19:28:56 发布

阅读量3.6k

点赞数 1

分类专栏：游戏引擎图形图像引擎开发 Shader GPU 图形引擎文章标签： shader up

游戏引擎同时被 3 个专栏收录

1659 篇文章

订阅专栏

图形引擎

1623 篇文章

订阅专栏

引擎开发

1277 篇文章

订阅专栏

本文深入探讨了BillBoardShader的实现原理，通过Quad始终处于相机正前方的技术，确保对象在不同视角下保持一致的位置。详细解析了Vert与Frag程序中关键步骤，包括中心点的世界坐标计算、自身坐标系的Up和Right方向获取，以及如何根据纹理坐标偏移实现精确的视觉对齐。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BillBoard shader实现
当前效果是Quad始终处于相机正前方，而不只是方向垂直。去掉m_vOffset就是一般意义上的billboard了。

Vert程序

uniform mat4 g_WorldViewProjectionMatrix;
uniform mat4 g_WorldMatrix;
uniform mat4 g_ProjectionMatrix;
uniform mat4 g_ViewMatrix;

uniform vec3 m_vOffset;
uniform vec3 m_CamPos;

attribute vec3 inPosition;
attribute vec2 inTexCoord;

varying vec2 texCoord;

void main(){

//    gl_Position =   g_WorldViewProjectionMatrix * vec4(inPosition, 1.0);

    // billboard实现
    // Quad中心点的世界坐标
    vec4 vCenter = g_WorldMatrix * vec4(0,0,0,1) + vec4(m_vOffset, 0) ;
    // Quad自身坐标系的Up方向
    vec3 vUp = vec3(0,1,0);
    // 中心点到相机的LookAt方向
    vec3 vEye = normalize( m_CamPos - vCenter);
    // Quad自身坐标系的Right方向
    vec3 vRight = cross(vUp, vEye);
    vUp = normalize(cross(vEye, vRight));
    vRight = normalize(vRight);

    // 根据纹理坐标偏移，10为Quad的scale size
    vec3 vTmpPos = vCenter.xyz;
    vTmpPos += (inTexCoord.x - 0.5) *10 * vRight;
    vTmpPos += (inTexCoord.y - 0.5) *10 * vUp;

    gl_Position = g_ProjectionMatrix * g_ViewMatrix * vec4(( vTmpPos), 1);

    texCoord = inTexCoord;

}

Frag程序

varying vec2 texCoord;
uniform sampler2D m_ColorMap;
uniform vec4 m_Color;

void main(){
    gl_FragColor= texture2D(m_ColorMap, texCoord);
}