D3D depth buffer的预览

在使用D3D开发游戏的过程中,很多情况下都会用到depth
buffer来完成特定的效果,比如DOF,Shadows,SSAO等等。在这些情况下我们就可能需要预览depth
buffer来确定它是正确的,以免导致后续运算渲染出错。此时有一个问题就出现了,因为原始的depth
buffer中保存的depth不是线性的。我们知道,世界坐标系下的顶点在经过视图变换后会被转换到视图空间,此时摄像机在原点,并且我们为摄像机定义了一个近平面和一个远平面:

在经过视图变换后,接着执行的就是投影变换,D3D的透视投影变换矩阵如下,其中,zn就是为摄像机定义的近平面,而zf 就是远平面:

这里,我们因为在讨论depth,所以我们只关心z的变换。z在经过透视投影矩阵的洗礼后,得到的是:

(公式中的z是顶点坐标变换到视图坐标系后的z)

此时的g(z)还不是真正保存到depth buffer中的值,还需要经过perspective
divide,也就是我们常说的投影变换后需要进行的步骤:(x, y, z) / w。

最后,我们得到的才是真正保存到depth buffer中的值,他看起来是这样的:

 
 公式1

根据这个公式,我们来看下图,图中我绘制了两条曲线图,其中一条我们定义近平面zn的值为1,远平面zf
的值为100。而另一条我们定义近平面zn的值为10,远平面zf 的值为100:

此时我们就可以发现,随着z的变化,g(z)并不是线性变化的,靠近近平面的很少一部分z值在变换后却占据了绝大部分的g(z)范围,而很大一部分z值在变换后却需要去争抢剩余的很小一部分g(z)范围(题外话:这也就是导致depth
buffer精度问题的原因,以及为什么我们常说把近平面和远平面设置的更加靠近可以减少depth buffer的精度问题)。所以当我们在预览depth
buffer时,看到的很大情况下都是白茫茫一片,因为绝大部分z值在变换后都位于g(z)的那一小部分范围内(也就是接近1.0的范围)。

那么我们该如何正确的预览depth buffer呢,没错,就是把depth转换回线性的!

那么该如何转换回线性depth值呢,因为顶点从世界坐标系变换到视图坐标系后,此时的z值仍是线性的,所以我们要做的就是将depth值倒推回它在视图空间的z值。根据公式1,我们来计算视图空间的z值:

现在,我们就得到了视图空间的z值,这个值是线性的。但是,我们还不能用这个值来预览depth,我们还必须把它归一化到区间[0,
1],然后才可以存到render target中用于预览。那么如何把视图空间的z值归一化到[0,
1]呢?因为在视图空间中,摄像机位于原点,并且顶点在可见时它的z值会落在区间[zn, zf],所以我们要做的就是把区间[zn, zf]转换到[0,
1],也就是执行操作:(z - zn) / (zf - zn):

好了,至此,我们已经得到了线性的depth,并且它的值是位于区间[0, 1]的。最后,我们只需要把这个值写入render
target进行预览就可以了。

下面展示我写的一个预览depth buffer的Demo,部分核心shader代码如下:

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

//--------------------------------------------------------------------------------------

// Constant buffers

//-------------------------------------------------------------------------------------

cbuffer ViewDepthPerFramePS : register( b0 )

{

    float2 f2ClipPlane;     // f2ClipPlane.x stores the near plane and f2ClipPlane.y stores the far plane

}

//--------------------------------------------------------------------------------------

// Textures and sampler states

//--------------------------------------------------------------------------------------

Texture2D    DebugTexture   : register( t0 );

SamplerState PointSampler   : register( s0 );

float4 DebugOutputViewDepthPS( VS_OUTPUT pInput ) : SV_TARGET

{

    float
nonLinearizeDepth = DebugTexture.Sample( PointSampler, pInput.texCoords );

    float
linearizeDepth = (f2ClipPlane.x * nonLinearizeDepth) / (f2ClipPlane.y - nonLinearizeDepth*(f2ClipPlane.y - f2ClipPlane.x));

    return
float4( linearizeDepth, linearizeDepth, linearizeDepth, 1.0f );

}

最终效果如图:

D3D depth buffer的预览,布布扣,bubuko.com

时间: 2024-09-30 19:30:21

D3D depth buffer的预览的相关文章

Android 5.0 Camera系统源码分析(5):Camera预览3A流程

1. 前言 本文分析的是Android Hal层的源码,硬件平台基于mt6735.之前几篇讲的预览流程中3A相关的环节都忽略了,现在重新整理下. 3A指的是Auto Exposure,Auto Focus,Auto White Balance.这三个一起放上来代码实在太多了,这里将重点记录AF的代码.AF的部分工作是由ISP完成的,而ISP的大部分代码mtk都没有开放给我们,比如ISP是如何计算得到对焦位置信息的,但得到对焦位置之后怎么操作对焦马达的代码我们是看得到的,所以涉及到ISP的一些代码

java实现附件预览(openoffice+swftools+flexpaper)

先附上本人参考的文章,基于的 flexpaper版本 为 1.5,本人由于使用的是 2.1.9 ,故之后说明: 已经支持加载中文文件名 代码下载 1.概述 主要原理 1.通过第三方工具openoffice,将word.excel.ppt.txt等文件转换为pdf文件 2.通过swfTools将pdf文件转换成swf格式的文件 3.通过FlexPaper文档组件在页面上进行展示 2.安装包下载 1.openoffice是Apache下的一个开放免费的文字处理软件 下载地址:Apache oppen

Android Camera API/Camera2 API 相机预览及滤镜、贴纸等处理

Android Lollipop 增加了Camera2 API,并将原来的Camera API标记为废弃了.相对原来的Camera API来说,Camera2是重新定义的相机 API,也重构了相机 API 的架构.初看之下,可能会感觉Camera2使用起来比Camera要复杂,然而使用过后,你也许就会喜欢上使用Camera2了.无论是Camera还是Camera2,当相机遇到OpenGL就比较好玩了. 问题及思路 Camera的预览比较常见的是使用SurfaceHolder来预览,Camera2

Java实现文档在线预览(openoffice+swfTools+FlexPaper)

      文档在线预览在项目中早就完成了,后来又经过了一次优化.但是一直都没时间去记录遇到的问题,文档在线预览的详细步骤可以参考http://blog.csdn.net/u013614451/article/details/24261503,感谢博主写了这么好的文章帮助我完成了项目中主要的模块.下面是文档转换的工具类DocConvert.java,并标注出我修改的部分. package com.he.util; import java.io.BufferedInputStream; impor

SpringMVC+springSecurity+flexPaper 配置--类似百度文库在线预览

背景:现在项目需要做一个类似百度文库的在线预览功能,在网上找了下很多人推荐使用FlexPaper,所以今天尝试学习了FlexPaper顺便集成到现有的框架中 由于网上目前的说的都不是很详细,所以现在记录在此,希望对需要的人有所帮助 准备:1. FlexPaper_2.2.4.zip 下载地址:http://flexpaper.devaldi.com/download/             2.swftools 下载地址:http://www.swftools.org/download.htm

openoffice+jquery.media.js实现文档在线预览

1.功能: 实现Windows环境下文档在线预览功能,支持.doc..docx..xls..xlsx..ppt..pptx..pdf格式的文档,对IE浏览器不太兼容.如要实现Linux环境下文档在线预览功能,改变相应配置和代码,要安装Linux版的OpenOffice. 2.所需组件: (1)OpenOffice4.0.1 : 下载地址:http://pan.baidu.com/s/1hsQkhzm (2)jquery.media.js: 下载地址:http://pan.baidu.com/s/

ReportViewer 不预览,直接导出 PDF文件

作为笔记记着,以免以后再到处找资料 1. 在不预览的情况下导出文件 先看一个方法说明,想知道ReportViewer支持导出哪些文件类型,在Render方法说明中就有描述 // // Summary: // Processes the report and renders it in the specified format using a stream // provided by a callback function. // // Parameters: // format: // The

JSP实现word文档的上传,在线预览,下载

前两天帮同学实现在线预览word文档中的内容,而且需要提供可以下载的链接!在网上找了好久,都没有什么可行的方法,只得用最笨的方法来实现了.希望得到各位大神的指教.下面我就具体谈谈自己的实现过程,总结一下学习中的收获. 我相信很多程序员都遇到过,有些word文档希望直接在浏览器中打开进行预览,但是浏览器往往不是很配合,直接就提示下载,不像pdf文档,浏览器可以直接进行预览.Word文档甚至始终都会通过本地的Office软件打开.那么,问题来了,如何可以在线浏览word文档呢? 其实,我在最初的时候

Java实现web在线预览office文档与pdf文档实例

https://yq.aliyun.com/ziliao/1768?spm=5176.8246799.blogcont.24.1PxYoX 摘要: 本文讲的是Java实现web在线预览office文档与pdf文档实例, 1.首先我们需要找到可以把office转换成pdf的方法,查找资料发现有openoffice这一软件可以把office转换成pdf,这一软件先下载下来,然后记住自己安装的在那个位置.然后在cmd环境下进入安装目录的program目 云计算 云服务器ECS 大数据 建站 备案 文档