OpenGL-深度测试
通过本文你可以了解到的
- 什么是深度?
- 什么是深度缓缓冲区?
- 如何使用深度测试?
- 什么是可视化深度值?
- 深度值相同如何解决冲突问题?
简述背景
首先可以大致看下我的下面两篇文章
视觉开发-OpenGL优化之油画法
视觉开发-OpenGL优化之背面剔除
这两篇文章都是OpenGL处理隐藏面消除所用到的方法。
那么解决隐藏面消除问题的算法有很多,具体可以参考Visible Surface Detection。
结合OpenGL,我们使用的是
Z-buffer
方法,也叫深度缓冲区Depth-buffer。深度缓冲区(Detph buffer)
同颜色缓冲区(color buffer)
是对应的,颜色缓冲区存储的像素的颜色信息,而深度缓冲区存储像素的深度信息。在决定是否绘制一个物体的表面时,首先将表面对应像素的深度值与当前深度缓冲区中的值进行比较,如果大于等于深度缓冲区中值,则丢弃这部分; 否则利用这个像素对应的深度值和颜色值,分别更新深度缓冲区和颜色缓冲区。这一过程称之为
深度测试(Depth Testing)。
在OpenGL中执行深度测试时,我们可以根据需要指定深度值的比较函数,后面会详细介绍具体使用。
了解深度
深度其实就是该像素点在3D世界中距离摄像机的距离,z值
怎么样,是不是很好理解?!那关于深度在这里我们就不做过多的介绍了
深度缓冲区
- 先思考下,为什么要使用深度缓冲区?
- 究竟什么是深度缓冲区?
【OpenGL-深度测试】深度缓冲区一般由窗口管理系统,例如GLFW来创建,深度值一般由16位,24位或者32位值表示,通常是24位。当然位数越高的话,深度的精确度越好
- 如何使用?
在OpenGL里面开启深度测试非常简单,如下所示
//开启深度测试
glEnable(GL_DEPTH_TEST);
只需要一行代码(注:
深度测试默认是关闭的
)另外还需要在绘制场景前,清除颜色缓冲区时,清除深度缓冲区:
glClearColor(0.18f, 0.04f, 0.14f, 1.0f);
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
清除深度缓冲区的默认值是1.0,表示最大的深度值,深度值的范围在[0,1]之间,值越小表示越靠近观察者,值越大表示远离观察者。
在进行深度测试时,当前深度值和深度缓冲区中的深度值,进行比较的函数,可以由用户通过
glDepthFunc
指定,这个函数包括一个参数具体的参数如下表所示:
文章图片
参数 例如我们可以使用
GL_AWALYS
参数,这与默认不开启深度测试效果是一样的:glDepthFunc(GL_ALWAYS);
下面我们绘制两个立方体和一个平面,通过对比开启和关闭深度测试来理解深度测试。
当关闭深度测试时,我们得到的效果却是这样的:
文章图片
关闭深度测试 这里先绘制立方体,然后绘制平面,如果关闭深度测试,OpenGL只根据绘制的先后顺序决定显示结果。那么后绘制的平面遮挡了一部分先绘制的本应该显示出来的立方体,这种效果是不符合实际的。
我们开启深度测试后绘制场景,得到正常的效果如下:
文章图片
开启深度测试
- 需要注意的地方
- 使用深度测试,最常见的错误是没有使用
glEnable(GL_DEPTH_TEST);
- 开启深度测试,或者没有使用
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
清除深度缓冲区。 - 与深度缓冲区相关的另一个函数是glDepthMask,它的参数是布尔类型,GL_FALSE将关闭缓冲区写入,默认是GL_TRUE,开启了深度缓冲区写入。
- 使用深度测试,最常见的错误是没有使用
在可视化深度值之前,首先我们要明白,这里的深度值,实际上是屏幕坐标系下的
zwin坐标
,屏幕坐标系下的(x,y)坐标分别表示屏幕坐标系下以左下角(0,0)为起始点的坐标。zwin
我们如何获取呢? 可以通过着色器的输入变量gl_FragCoord.z
来获取,这个gl_FragCoord
的z
坐标表示的就是深度值。我们在着色器中以这个深度值为颜色输出:
// 原样输出
float asDepth()
{
return gl_FragCoord.z;
}
void main()
{
float depth = asDepth();
color = vec4(vec3(depth), 1.0f);
}
输出后的效果如下图所示:
文章图片
图 可以看到图中,只有离观察者较近的部分有些黑色,其余的都是白色。这是因为深度值
zwin
和zeye
是成非线性关系的,在离观察者近的地方,精确度较高,zwin
值都保持在较小范围,成黑色。但是一旦超出一定距离,精确度变小,zwin
值都挤在1.0附近,因此成白色。当我们向后移动,拉远场景与观察者的距离后,zwin
值都落在1.0附近,整个场景都变成白色,如下图所示:文章图片
图 作为深度值的可视化,我们能不能使用线性的关系来表达
zwin
和
zeye
?这里我们做一个尝试,从
zwin
反向推导出z_{eye}$
。在投影矩阵和视口变换矩阵一节,我们计算出了相机坐标系下坐标和规范化设备坐标系下坐标之间的关系如下:
文章图片
在OpenGL中从规范化设备坐标系转换到屏幕坐标系使用函数主要是:
glViewport(GLint sx
, GLint sy
, GLsizei ws
, GLsizei hs
);
glDepthRangef(GLclampf ns
, GLclampf fs
);
继而可以得到规范化设备坐标系和屏幕设备坐标系之间的关系如下:
文章图片
默认情况下glDepthRange函数的n=0,f=1,因此从(2)式可以得到:
文章图片
从式子(1)我们可以得到:
文章图片
上面的式子(5)如果用来作为深度值,由于结果是负数,会被截断到0.0,结果都是黑色,因此我们对分母进行反转,写为式子(6)作为深度值。
文章图片
对式子(6)的深度值进行归一化,保持在[0,1]范围内,则在着色器中实现为:
// 线性输出结果
float near = 1.0f;
float far= 100.0f;
float LinearizeDepth()
{
// 计算ndc坐标 这里默认glDepthRange(0,1)
float Zndc = gl_FragCoord.z * 2.0 - 1.0;
// 这里分母进行了反转
float Zeye = (2.0 * near * far) / (far + near - Zndc * (far - near));
return (Zeye - near)/ ( far - near);
}
void main()
{
float depth = LinearizeDepth();
color = vec4(vec3(depth), 1.0f);
}
使用
zwin
和zeye
线性关系得到深度值,绘制的效果如下图所示:文章图片
很多网络教程都近似表达
zwin
和zeye
的非线性关系,用来可视化,我们可以从(4)(6)得到非线性关系:文章图片
在着色器中实现为:
// 非线性输出
float nonLinearDepth()
{
float Zndc = gl_FragCoord.z * 2.0 - 1.0;
float Zeye = (2.0 * near * far) / (far + near - Zndc * (far - near));
return (1.0 / near - 1.0 / Zeye) / (1.0 / near - 1.0 / far);
}
void main()
{
float depth = nonLinearDepth();
color = vec4(vec3(depth), 1.0f);
}
这个非线性关系输出,和利用gl_FragCoord.z作为深度值输出效果是差不多的。
深度值相同如何解决冲突问题(ZFighting)?
实际使用时不使用
zwin
和zeye
的线性关系,因为在场景中,近处的物体,我们想让它看的清楚,自然 要求精度高;但是远处的物体,我们不需要很清晰的看到细节,因此精确度不必和近处的物体一样。使用公式(7)绘制的zwin
和zeye
关系图如下所示(来自:www.learnopengl.com Depth testing):
文章图片
我们看到,
zeye
在[1.0,2.0]范围内时zwin
保持在0.5的范围内,精确度高。而当zeye
超过10.0后,zwin
的值就在0.9以后了,也就是说zwin
在[10.0,50.0]范围内的深度值将挤在[0.9,1.0]这么一个小的范围内,精确度很低。实际上深度值是通过下式计算的(来自:depth buffer faq):
文章图片
其中,S=2d?1
,d表示深度缓冲区的位数(例如16,24,32)。这个式子的右边括号部分是由(1)(4)得到,同时放大S倍数后得到最终的深度值(可以参看
depth buffer faq
)。找到两个特殊点,
zwin=1
和zwin=S?1
,得到:
文章图片
取n = 0.01, f = 1000 and s = 65535,那么有:
文章图片
注意OpenGL中相机坐标系的
+Z
轴指向观察者,因此上面的坐标是负数。从上面的值我们可以看到,当zeye
在[-395,-1000]范围内时,深度值将全部挤在65534或者65535这两个值上,也就是说几乎60%的zeye
只能分配1到2个深度值,可见当zeye
超过一定范围后,精度值是相当低的。(这个例子原本解释来自
depth buffer faq
)。当深度值精确度很低时,容易引起
ZFighting
现象,表现为两个物体靠的很近时确定谁在前,谁在后时出现了歧义。例如上面绘制的平面和立方体,在y=-0.5的位置二者贴的很近,如果进入立方体内部观察,则出现了ZFighting
现象,立方体的底面纹理和平面的纹理出现了交错现象,如下图所示:交错1 交错2 OpenGL里解决ZFighting问题
- 第一步:启用Polygon Offset方式解决
解决方法:让深度值之间产生间隔,如果2个图形之间有间隔,是不是意味着就不会产生干涉.可以理解为在执行深度测试前将立方体的深度值做些细微的增加于是就能将重叠的2个图形深度值之前有所区分,
//启用Polygon Offset方式
// 参数列表:
// GL POLYGON OFFSET POINT对应光栅化模式: GL POINT
// GL POLYGON OFFSET LINE 对应光栅化模式: GL LINE
// GL POLYGON OFFSET FILL 对应光栅化模式: GL FILL
glEnable(GL POLYGON OFFSET FILL);
- 第二步:指定偏移量
- 通过
glPolygonOffset
来指定.glPolygonOffset
需要2个参数:
factor , units - 每个Fragment的深度值都会增加如下所示的偏移量:
Offset= ( m * factor) +( r * units);
m
; 多边形的深度的斜率的最大值,理解-个多边形越是与近裁剪面平行,m就越接近于0.
r
:能产生于窗口坐标系的深度值中可分辨的差异最小值.r是由具体是由具体OpenGL平台指定的一个常量. - 一个大于0的Offset会把模型推到离你(摄像机)更远的位置,相应的一个小于0的Offset会把模型拉近
- 一般而言,只需要将-1.0和-1这样简单赋值给glPolygonOffset基本可以满足需求.
- 通过
/**
应用到片段上总偏移计算方程式
Depth Offset = (DZ * factor) + (r * units);
DZ:深度值(Z值)
r:使得深度缓冲区产生变化的最小值负值,将使得z值距离我们更近,而正值,将使得z值离我们更远
*/
void glPolygonOffset(Glfloat factor, Glfloat units);
预防ZFighting的方法
- 不要将两个物体靠的太近,避免渲染时三角形叠在一起。这种方式要求对场景中物体插入一个少量的偏移,那么就可能避免ZFighting现象。例如上面的立方体和平面问题中,将平面下移0.001f就可以解决这个问题。当然手动去插入这个小的偏移是要付出代价的。
- 尽可能将近裁剪面设置得离观察者远一些。上面我们看到,在近裁剪平面附近,深度的精确度是很高的,因此尽可能让近裁剪面远一些的话,会使整个裁剪范围内的精确度变高一些。但是这种方式会使离观察者较近的物体被裁减掉,因此需要调试好裁剪面参数。
- 使用更高位数的深度缓冲区,通常使用的深度缓冲区是24位的,现在有一些硬件使用使用32位的缓冲区,使精确度得到提高。
推荐阅读
- 《深度倾听》第5天──「RIA学习力」便签输出第16期
- 女生该不该用小号测试男朋友()
- BNC公链|BNC公链 | Eth2.0测试网Topaz已质押超100万枚ETH
- 我的软件测试开发工程师书单
- 性能测试中QPS和TPS的区别
- 如何在手机上查看测试vue-cli构建的项目
- 深度解读(《秘密》(八)—健康的秘密)
- 影响深度思考的9种思维定式
- 工作好忙
- javascript|javascript 性能测试笔记