WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 一对一班

Three.js材质深度测试.depthTest

如果你对原生WebGL渲染管线渲染流程有一定的了解,对于渲染管线深度测试环节应该是不陌生的,Three.js是对原生WebGL的封装,原生WebGL可以实现的功能,通过Threejs自然可以实现,通过Threejs材质对象的深度测试属性.depthTest可以控制渲染过程中是否进行深度测试。

Three.js运行的时候默认是进行深度测试的。

深度测试属性.depthTest

关于深度测试属性.depthTest的具体介绍可以查看Threejs官方文档的基类Material

当你通过Threejs的点线网格等材质类创建材质对象的时候,默认情况下,渲染的时候材质对象对应的模型都会进行深度测试。

.depthTest属性值默认true,设置为false可以关闭深度测试.

深度写入属性.depthWrite

渲染此材质的时候,是否对深度缓冲区有任何的影响. 默认 true.

在绘制2D叠加时,为了将多个在一起的事物分层而不创建z-index伪像,禁用深度写入会很有用。

颜色缓冲区写入属性.colorWrite

是否渲染材质的颜色. 该属性可以和网格模型Mesh的渲染顺序属性renderOrder结合使用来创建遮挡其它对象的不可见对象. 默认true.

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com