Three.js 材质深度测试 .depthTest - 文章教程

Three.js 材质深度测试 .depthTest

发布于 2021-09-03 字数 1100 浏览 1108 评论 0

如果你对原生 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.

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

偏爱自由

这个人比较懒,什么都没有填写!

17 文章
2 评论
20975 人气
更多

推荐作者

qianbiandeboy

文章 0 评论 0

少女净妖师

文章 2 评论 0

zangqw

文章 0 评论 0

qq_7HKsl

文章 0 评论 0

伪装你

文章 1 评论 0