跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像AI 生图工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
C++算法

构建简易引擎进阶篇:平面反射技术实现

介绍在基于 Vulkan 的简易游戏引擎中实现平面反射(Planar Reflections)的技术方案。通过创建镜像相机渲染离屏纹理,结合菲涅尔公式与粗糙度进行玻璃混合,实现了稳定且高质量的平面反射效果。文章详细阐述了镜像变换算法、Vulkan 同步机制、描述符绑定及性能优化技巧,并对比了 SSR、环境贴图等其它反射方案的适用场景。

CodeArtist发布于 2026/4/6更新于 2026/7/2156 浏览

引擎中的平面反射(Planar Reflections in Our Engine)

现实场景中,光洁的地面、透亮的窗户总能吸引目光,游戏开发中我们常会模拟这类视觉效果。本引擎选用了一种实用且稳定的实现方案 ——平面反射(Planar Reflections)。本文将讲解平面反射的定义、引擎选用该方案的原因、具体实现方式,以及其他反射方案的适用场景。

什么是平面反射?

平面反射是指沿单一平面(如平整地面、窗户)渲染场景的镜像画面,核心是创建一个「镜像相机」,从反射面的另一侧拍摄场景。我们会将这个镜像视角的画面渲染到一张纹理中,绘制玻璃(或其他平面反射表面)时,对该纹理进行采样即可实现反射效果。

平面反射的适用场景
  • 平面镜、平静的水面、抛光地面、玻璃幕墙等平面反射表面。
  • 对反射效果有稳定性、高质量要求,且希望避免大量噪点、时间域不稳定性的场景。
平面反射的不适用场景
  • 曲面、粗糙表面,这类表面需要全视角的光泽模糊效果。
  • 任意反射方向的场景(如具有复杂微观几何结构的金属材质)。

引擎选用平面反射的原因

本引擎对反射方案的核心要求为:

  1. 易理解:仅需新增一个渲染通道、一张纹理,实现逻辑简洁。
  2. 确定性与稳定性:无画面「闪烁」问题,无需处理时间域累积带来的各类问题。
  3. 实用性:适配前向渲染器中存在单个主要反射面(玻璃、地面)的场景。

平面反射完美满足以上三点要求,且无需光线追踪硬件,能在不同性能的 GPU 上稳定运行、良好扩展。

引擎中的实现逻辑

我们仅在主渲染通道外新增一个轻量级渲染通道,并在主通道中增加一次简单的混合操作,即可实现平面反射:

镜像通道(离屏渲染)
  1. 将相机沿目标平面做镜像变换,计算得到镜像视图矩阵。
  2. 关闭(或调整)面剔除功能,将场景中的不透明物体渲染到反射纹理的颜色 + 深度渲染目标中。
  3. 完成同步操作,确保反射纹理能在后续通道中被正常采样。
主通道(原相机视角)
  1. 按常规流程绘制不透明物体与透明物体。
  2. 绘制玻璃时,采样反射纹理,并结合菲涅尔公式(Fresnel)、粗糙度(roughness) 以及用户可控的反射强度(reflection intensity),将反射效果与玻璃的着色效果混合。

整个实现无复杂的渲染图逻辑,无需光线查询,也无需时间域累积,核心逻辑简洁易懂。

核心镜像变换算法(简洁高效)

  1. 在世界空间中定义反射平面,公式为:ax+by+cz+d=0。
  2. 基于该平面构建反射矩阵 R,将原相机的视图矩阵与 R 相乘,即可得到镜像相机的视图矩阵。
  3. 实际实现中,需对镜像通道的面剔除进行调整(如设置 cullMode = none 或翻转正面),因为反射变换会改变顶点的环绕顺序。

同时,我们会将反射平面参数传入着色器,实现可选的裁剪功能:通过将世界空间位置与平面参数进行简单的点积运算,即可在镜像通道中丢弃平面「后方」的片元,避免无效渲染。

详细渲染步骤

镜像通道
  1. 创建反射颜色纹理(格式与主通道匹配,确保合成 / 玻璃绘制通道可轻松采样)与反射深度纹理。
  2. 渲染前:通过 Vulkan Synchronization 2 的 vkCmdPipelineBarrier2,将反射颜色纹理的布局从 SHADER_READ_ONLY_OPTIMAL 转换为 COLOR_ATTACHMENT_OPTIMAL;深度纹理同理,转换为 DEPTH_ATTACHMENT_OPTIMAL。
  3. 启动动态渲染,绑定不透明物体的 PBR 渲染管线,关闭面剔除(或翻转正面)。
  4. 渲染不透明网格,若有需要,可增加基于反射平面的裁剪测试。
  5. 结束渲染,将反射颜色纹理的布局转换回 SHADER_READ_ONLY_OPTIMAL,确保主通道可正常采样。
主通道
  1. 按常规流程渲染不透明物体(本引擎会渲染至离屏缓冲区,为后续的色调映射合成做准备)。
  2. 透明通道绘制玻璃时,采样反射纹理并执行混合操作,混合规则为:
    • 结合菲涅尔公式(掠射角下反射效果更强),并根据粗糙度削弱反射强度。
    • 乘以 UI 中可调节的反射强度系数,快速调整反射效果的可见度。

同步机制与内存屏障(核心注意点)

本引擎基于 Vulkan Synchronization 2 实现简洁的同步逻辑,核心规则如下:

  1. 禁止在活跃的动态渲染通道内修改图像布局,需先结束渲染通道。
  2. 调用 vkCmdPipelineBarrier2 时,需正确设置源 / 目标阶段掩码、访问掩码以及旧 / 新布局。
  3. 反射颜色纹理:镜像通道前从 SHADER_READ_ONLY_OPTIMAL 转为 COLOR_ATTACHMENT_OPTIMAL,渲染后恢复为 SHADER_READ_ONLY_OPTIMAL。
  4. 交换链纹理:合成 / 透明通道前转为 COLOR_ATTACHMENT_OPTIMAL,所有渲染通道结束后,再转为 PRESENT_SRC_KHR。

描述符绑定:反射纹理的绑定位置

  1. 我们在 PBR 描述符集中预留了绑定点 10,用于绑定反射纹理的采样器。
  2. 在每帧的安全执行点(上一帧的渲染工作完成后),刷新当前帧的绑定点 10,使其指向上一帧生成的反射纹理。
  3. 玻璃着色器会检测 UBO 中的 reflectionEnabled 标志位,仅当存在有效反射纹理时,才执行反射纹理的采样操作。

玻璃混合模型(简易实用)

玻璃的核心视觉效果是透射,但我们希望实现逼真且鲜明的反射效果,因此采用以下简易混合模型:

  1. 菲涅尔项(Schlick 近似):掠射角下反射效果更强,贴合物理规律。
  2. 粗糙度因子:粗糙度越高,反射效果越弱、越模糊(本引擎做了简化处理,仅通过粗糙度削弱反射强度)。
  3. 反射强度滑动条:在 UI 中暴露该参数,可实时调整反射效果的明显程度。

该模型并非完整的物理光谱模型,但足够简洁易懂,且能输出逼真的视觉效果,完全满足示例引擎的需求。

其他反射方案及适用场景

屏幕空间反射(SSR)
  • 无需新增渲染通道,直接使用当前帧的颜色 / 深度缓冲区。
  • 适合水坑、局部小范围反射效果,但无法渲染屏外物体,且存在时间域不稳定性问题。
  • 适用场景:希望快速实现全场景反射,且可接受偶尔的画面瑕疵。
环境贴图 / 立方体贴图 / 反射探针
  • 预计算实现,渲染速度极快。
  • 对近距离物体的反射效果缺乏视角准确性,适合远距离的光泽反射。
  • 适用场景:实现全局环境反射,或反射面非完美平面的场景。
硬件光线追踪 / 混合渲染方案
  • 反射效果高度精准,支持复杂的反射场景。
  • 需光线追踪硬件,且需实现高级去噪算法,代码复杂度与性能开销较高。
  • 适用场景:面向高端 GPU 开发,且要求全场景反射效果达到「物理级逼真」。
平面反射(本引擎方案)
  • 仅需新增一个渲染通道,效果确定、稳定。
  • 完美适配单个或少数大型平面反射面(地面、窗户、平静水面)。
  • 适用场景:希望为特定平面实现高质量镜面反射,且不想引入光线追踪技术。

性能优化技巧

  1. 降低镜像通道的渲染分辨率:本引擎提供了分辨率缩放滑动条,可灵活调整。
  2. 激进的剔除策略:引擎的 CPU 视锥剔除对原相机和镜像相机均生效,可大幅减少渲染量。
  3. 按需启用镜像通道:当反射面不在相机可视范围内时,直接关闭镜像通道。
  4. 反射纹理模糊:若希望粗糙表面呈现柔和的反射效果,可对反射纹理采样结果进行模糊处理。

常见问题排查

反射效果过弱

调高 UI 中的反射强度滑动条,或降低反射面的粗糙度参数。

代码对应位置

镜像相机矩阵计算、反射通道及通道顺序配置

renderer_rendering.cpp

反射渲染目标与管线配置

renderer_pipelines.cpp

反射纹理采样 + 玻璃着色逻辑

shaders/pbr.slang shaders/pbr_utils.slang

反射纹理描述符绑定与每帧安全执行点刷新

renderer_rendering.cpp(反射描述符刷新逻辑)

未来拓展方向

若希望进一步优化平面反射效果,可参考以下方向:

  1. 实现基于粗糙度的反射纹理模糊(通过 mip 链或可分离模糊算法)。
  2. 支持多个反射平面,适配多层地板等复杂场景。
  3. 新增屏幕空间反射(SSR)作为兜底方案,在平面反射无效的区域混合 SSR 效果。
  4. 为非平面表面实现选择性光线查询反射,打造混合反射方案。

后续推荐阅读

若希望深入了解本引擎的其他核心功能,可阅读以下文档:

  1. Synchronization and Streaming(同步机制与资源流式加载)
  2. Forward+ Rendering(Forward + 渲染)
  3. Descriptor Indexing and Stable Descriptor Updates(描述符索引与稳定的描述符更新)
  4. Rendering Pipeline Overview(渲染管线总览)

你可以基于本方案自由尝试与拓展,平面反射的实现被刻意设计得简洁直观,让你能专注于学习 Vulkan 的核心知识点,而无需在复杂的图形技术中迷失。

目录

  1. 引擎中的平面反射(Planar Reflections in Our Engine)
  2. 什么是平面反射?
  3. 平面反射的适用场景
  4. 平面反射的不适用场景
  5. 引擎选用平面反射的原因
  6. 引擎中的实现逻辑
  7. 镜像通道(离屏渲染)
  8. 主通道(原相机视角)
  9. 核心镜像变换算法(简洁高效)
  10. 详细渲染步骤
  11. 镜像通道
  12. 主通道
  13. 同步机制与内存屏障(核心注意点)
  14. 描述符绑定:反射纹理的绑定位置
  15. 玻璃混合模型(简易实用)
  16. 其他反射方案及适用场景
  17. 屏幕空间反射(SSR)
  18. 环境贴图 / 立方体贴图 / 反射探针
  19. 硬件光线追踪 / 混合渲染方案
  20. 平面反射(本引擎方案)
  21. 性能优化技巧
  22. 常见问题排查
  23. 反射效果过弱
  24. 代码对应位置
  25. 镜像相机矩阵计算、反射通道及通道顺序配置
  26. 反射渲染目标与管线配置
  27. 反射纹理采样 + 玻璃着色逻辑
  28. 反射纹理描述符绑定与每帧安全执行点刷新
  29. 未来拓展方向
  30. 后续推荐阅读
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • 小米钱包签到积分兑换视频会员 Python 自动化脚本
  • JavaScript 简介:从网页脚本到全栈语言
  • Mac M 系列芯片安装 Kali Linux 虚拟机指南
  • 移动端高颜值登录页实战:动态背景与仿幕布风格
  • RAGFlow 搭建 AI 医疗助手实战教程
  • 原生js事件绑定和事件移除
  • SysOM Linux 服务器监控与内存诊断工具详解
  • jQuery 4.0 正式发布:重构核心,拥抱现代 Web
  • 保姆级教程:25个降AI提示词大全,手把手教你去AI味
  • 全球首个网页 MCP 发布 —— 亮数据 Bright Data AI+MCP 服务智能体教程
  • 前端三剑客:HTML、CSS、JavaScript 关系详解
  • C++ 文本处理核心利器:string 类详解
  • 统一大型语言模型和知识图谱:研究路线图与未来方向
  • 安卓手机使用 Termux 部署 AstrBot 与 NapCat 搭建 QQ 机器人
  • GitHub Copilot Pro 学生免费认证与 VS Code 配置指南
  • MCP 插件配置指南:以 browser-tools-mcp 为例
  • 基于 Rokid 灵珠平台搭建旅游 AR 智能体
  • GitHub Copilot Token 消耗过快:5 种节省策略与 Claude 模型替代方案
  • Linux 下 C 语言静态库与动态库的制作及原理
  • Docker Desktop for Mac 历史版本下载列表(macOS 10.15/11/12)

相关免费在线工具

  • 加密/解密文本

    使用加密算法(如AES、TripleDES、Rabbit或RC4)加密和解密文本明文。 在线工具,加密/解密文本在线工具,online

  • Gemini 图片去水印

    基于开源反向 Alpha 混合算法去除 Gemini/Nano Banana 图片水印,支持批量处理与下载。 在线工具,Gemini 图片去水印在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online