我只是尝试使用 WebGL2 渲染场景的深度值，如下所示：
//Texture
depthTexture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, depthTexture);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.DEPTH_COMPONENT24,
width, height, 0,
gl.DEPTH_COMPONENT, gl.UNSIGNED_INT, null);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
//FBO
fb = gl.createFramebuffer();
gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depthTexture, 0);
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
然后我像这样渲染它：
gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
gl.useProgram(shaderProgram);
//Just a torus...
gl.bindVertexArray(vao);
gl.colorMask(false, false, false, false);
gl.enable(gl.DEPTH_TEST);
gl.clear(gl.DEPTH_BUFFER_BIT);
...
gl.drawElements(gl.TRIANGLES, indices.length, gl.UNSIGNED_SHORT,0);
//Then I draw a full screen quad that simply samples the depth texture
gl.bindFramebuffer(gl.FRAMEBUFFER, null)
....
It seems to work fine, however when sampling the attached depth texture I get what looks like linear depth...
我用来渲染 FBO 的程序非常基础
Vert:
#version 300 es
layout(location = 0) in vec3 position;
uniform mat4 projection;
uniform mat4 view;
uniform mat4 model;
void main() {
gl_Position = projection * view * model * vec4(position, 1.);
}
Frag:
#version 300 es
precision highp float;
layout(location = 0) out vec4 outColor;
void main() {
outColor = vec4(1,0,0,1)
}
我期望深度缓冲区是对数的，即使我不能确定我当前得到的是否真的是线性的，它看起来也不是对数的...... 如果它确实是线性的，并且不知怎的，这就是你应该从深度附件中得到的，我对此非常满意，因为我可能需要线性而不是对数深度，但目前我不确定如果这是预期的行为，或者我做错了什么（可能是后者）
Cheers
谢谢@LJ 提供的链接。 我想我知道到底发生了什么。我之前的结论不正确主要是因为我不明白发生了什么。 我看到的是，正如预期的对数深度，但由于我的近剪裁平面和远剪裁平面分别为 1. 和 1000.，并且环面相对接近近剪裁平面，所以它是 1/z 曲线的一部分值聚集在一起提供高精度。当我增加环面的深度时，我发现精度损失很大。使用类似的方法对其进行线性化之后如何在 WebGL2 中读取附加到 FBO 的深度纹理 https://stackoverflow.com/questions/37293117/how-to-read-depth-texture-attached-to-fbo-in-webgl2并使用 0.1 和 10 的近剪裁平面和远剪裁平面（为了获得视觉反馈，因为环面的深度相对较小）我可以看到深度是线性的。