threejs开启对数深度缓存区时、着色器深度混乱

BUG小熊手

已于 2022-04-14 11:05:57 修改

阅读量1k

点赞数 1

分类专栏： three.js 文章标签：缓存着色器

于 2022-02-23 16:40:00 首次发布

本文链接：https://blog.csdn.net/yunduanzhijie/article/details/123093730

版权

three.js 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

原因：当开启对数深度缓存区、使深度的计算精确度提升，可以解决z-fight产生的深度冲突，但着色器的深度并没有更新，因此也会干扰着色器的正常深度展示，

解决：在着色器的顶点着色器与片元着色器中里进行深度更新

THREE.ShaderChunk.logdepthbuf_pars_vertex,
//顶点着色器变量

bool isPerspectiveMatrix(mat4) {
            return true;
          }
void main(){
//顶点着色器代码..


THREE.ShaderChunk.logdepthbuf_vertex,
}
-------------------------------------------
THREE.ShaderChunk.logdepthbuf_pars_fragment
//片元着色器变量

void main(){
//片元着色器代码

THREE.ShaderChunk.logdepthbuf_fragment
}