opengl-es - 如何读取 WebGL 中的深度缓冲区？

Question

使用 WebGL API，我如何从深度缓冲区中获取值，或者以任何其他方式从屏幕坐标中确定 3D 坐标(即找到单击的位置)，而不是通过执行我自己的光线转换？

Answer 1

几年过去了，这些天 WEBGL_depth_texture扩展是广泛可用的......除非你需要支持 IE。

一般用法:

准备:

查询分机(必填)

分配单独的颜色和深度纹理 (gl.DEPTH_COMPONENT)

将两个纹理合并到一个帧缓冲区(gl.COLOR_ATTACHMENT0，gl.DEPTH_ATTACHMENT)

渲染:

绑定(bind)帧缓冲，渲染你的场景(通常是简化版)

取消绑定(bind)帧缓冲区，将深度纹理传递给着色器并像读取任何其他纹理一样读取它:

texPos.xyz = (gl_Position.xyz / gl_Position.w) * 0.5 + 0.5;
float depthFromZBuffer = texture2D(uTexDepthBuffer, texPos.xy).x;