将光源视角的深度贴图应用于摄像机视角的渲染

将光源视角的深度贴图应用于摄像机视角的渲染是阴影映射(Shadow Mapping)技术的核心步骤之一。这个过程涉及到将摄像机视角下的片段坐标转换到光源视角下,并使用深度贴图来判断这些片段是否处于阴影中。

  1. 生成光源视角的深度贴图

首先,我们需要从光源的视角渲染场景,生成一个深度贴图。这个深度贴图记录了从光源到场景中每个可见点的距离(即深度值)。具体步骤如下:

设置光源视角:我们将摄像机位置设置为光源的位置,并将摄像机的方向指向场景。这样,我们可以从光源的视角渲染场景。

创建帧缓冲对象(FBO):为了存储深度信息,我们需要创建一个帧缓冲对象(Framebuffer Object, FBO),并将一个深度纹理附加到该 FBO 上。

渲染深度贴图:在这个视角下,我们只渲染场景的深度信息,而不是颜色信息。每个像素的深度值表示从光源到该像素对应场景点的距离。这些深度值被存储在一个纹理中,这就是所谓的"深度贴图"或"阴影贴图"。

GLuint depthMapFBO;
glGenFramebuffers(1, &depthMapFBO);
const GLuint SHADOW_WIDTH = 1024, SHADOW_HEIGHT = 1024;  // 深度贴图的分辨率
GLuint depthMap;
glGenTextures(1, &depthMap);
glBindTexture(GL_TEXTURE_2D, depthMap);
glTexImage2D(GL_TEXTURE_2D, 0, GL_DEPTH_COMPONENT, SHADOW_WIDTH, SHADOW_HEIGHT, 0, GL_DEPTH_COMPONENT, GL_FLOAT, NULL);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);

glBindFramebuffer(GL_FRAMEBUFFER, depthMapFBO);
glFramebufferTexture2D(GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_TEXTURE_2D, depthMap, 0);
glDrawBuffer(GL_NONE);  // 禁用颜色输出
glReadBuffer(GL_NONE);  // 禁用颜色读取
glBindFramebuffer(GL_FRAMEBUFFER, 0);
  1. 计算光源的视图和投影矩阵

为了将摄像机视角下的片段转换到光源视角下,我们需要计算光源的视图矩阵和投影矩阵。这些矩阵用于将世界坐标转换为光源视角下的裁剪空间坐标。

视图矩阵:使用 glm::lookAt 函数来计算光源的视图矩阵。这个函数需要三个参数:光源的位置、目标点(通常是场景的中心)和上方向向量(通常是 (0, 1, 0))。

投影矩阵:根据光源的类型选择合适的投影矩阵。对于平行光(如定向光),通常使用正交投影矩阵(glm::ortho);对于点光源或聚光灯,通常使用透视投影矩阵(glm::perspective)。

glm::mat4 lightView = glm::lookAt(lightPos, glm::vec3(0.0f), glm::vec3(0.0, 1.0, 0.0));
glm::mat4 lightProjection = glm::ortho(-10.0f, 10.0f, -10.0f, 10.0f, near_plane, far_plane);
glm::mat4 lightSpaceMatrix = lightProjection * lightView;
  1. 将摄像机视角下的片段转换到光源视角下

在摄像机视角下渲染场景时,我们需要将每个片段的坐标从摄像机视角转换到光源视角。具体步骤如下:

将片段从屏幕空间转换到世界空间:使用摄像机的逆投影矩阵和逆视图矩阵将片段从屏幕空间转换到世界空间。

将片段从世界空间转换到光源视角下的裁剪空间:使用光源的视图矩阵和投影矩阵将世界空间中的坐标转换到光源视角下的裁剪空间。

将片段从裁剪空间转换到归一化设备坐标(NDC):通过透视除法(即将 x, y, z 分量除以 w 分量)将裁剪空间中的坐标转换为 NDC。

将 NDC 转换到纹理坐标系:将 NDC 中的坐标从 [-1, 1] 映射到 [0, 1],以便可以在深度贴图中进行采样。

// 在片元着色器中
void main() {
    // 将片段位置从世界空间转换到光源视角下的裁剪空间
    vec4 fragPosLightSpace = lightSpaceMatrix * vec4(WorldPos, 1.0);
    
    // 执行透视除法,将裁剪空间坐标转换为 NDC
    vec3 projCoords = fragPosLightSpace.xyz / fragPosLightSpace.w;
    
    // 将 NDC 坐标从 [-1, 1] 映射到 [0, 1]
    projCoords = projCoords * 0.5 + 0.5;
    
    // 从深度贴图中采样深度值
    float closestDepth = texture(shadowMap, projCoords.xy).r;
    float currentDepth = projCoords.z;
    
    // 计算阴影因子
    float shadow = currentDepth > closestDepth ? 1.0 : 0.0;
    
    // 应用阴影因子到最终颜色
    FragColor = mix(color, shadowColor, shadow);
}

处理自阴影问题

当物体自身遮挡自己时,可能会出现自阴影问题。为了避免这种情况,可以在计算阴影时引入一个小偏移量(Bias),以防止物体表面的深度值与深度贴图中的深度值过于接近。偏移量的大小可以根据物体表面的法线方向和光源方向之间的夹角进行调整。

float bias = max(0.05 * (1.0 - dot(normal, lightDir)), 0.005);
float shadow = currentDepth - bias > closestDepth ? 1.0 : 0.0;
相关推荐
可涵不会debug10 分钟前
前端基础技术全解析:从HTML前端基础标签语言开始,逐步深入CSS样式修饰、JavaScript脚本控制、Ajax异步通信以及WebSocket持久通信
前端·javascript·css·ajax·html
莫离老师来啦16 分钟前
HTML&HTML5革命:构建现代网页的终极指南 - 0. 课程目录设计
前端·html·html5
hswizy1 小时前
flutter web 路由问题
前端·javascript·flutter
Ven%4 小时前
如何让后台运行llamafactory-cli webui 即使关掉了ssh远程连接 也在运行
运维·人工智能·chrome·python·ssh·aigc
我爱学习_zwj4 小时前
深入浅出Node.js-1(node.js入门)
前端·webpack·node.js
Jeo_dmy4 小时前
(七)人工智能进阶之人脸识别:从刷脸支付到智能安防的奥秘,小白都可以入手的MTCNN+Arcface网络
人工智能·计算机视觉·人脸识别·猪脸识别
IT 前端 张5 小时前
2025 最新前端高频率面试题--Vue篇
前端·javascript·vue.js
喵喵酱仔__5 小时前
vue3探索——使用ref与$parent实现父子组件间通信
前端·javascript·vue.js
_NIXIAKF5 小时前
vue中 输入框输入回车后触发搜索(搜索按钮触发页面刷新问题)
前端·javascript·vue.js
InnovatorX5 小时前
Vue 3 详解
前端·javascript·vue.js