opengl-es - 如何访问 WebGL 中相邻像素的深度值？

Question

我想做一个卡通边框效果。对于它，我将使用每个像素的相邻像素的深度值来确定它是否应该被涂黑。如何在片段着色器中访问该信息？

Answer 1

当您以正常方式(顶点着色器，然后是片段着色器 - 单程)渲染场景时，在片段着色器中无法访问其他像素的深度值。

但是:
您可以 渲染场景两次 并执行一些后处理效果。在第一次运行中，您将深度值和其他值(如法线等)存储在 RenderTarget(在纹理中)中，然后您使用这些纹理 在第二遍 .

这里你有 XNA 的效果，但可以快速移植到 GLSL:http://xnameetingpoint.weebly.com/shader7f31.html

这里有一些关于渲染到纹理的链接:http://learningwebgl.com/blog/?p=1786

提示:深度值不足以进行边界检测，您有 使用法线 以及。但它在 XNA 的上述教程中有所涉及。