three.js加载obj镂空柜子模型远视时出现透视面片,渲染效果极差

发布于 2022-09-06 23:34:50 字数 740 浏览 16 评论 0

求各位指教,我最近在做项目的时候用three.js加载obj镂空柜子模型远视时出现严重的透视面片,设置了渲染器的很多属性,又将显卡性能开到最高,始终没有解决,该现象尤其在远视的时候特别严重,近处看时就不会,希望各位能指点一下!谢谢
远视时效果图

clipboard.png
近视时效果图

clipboard.png
原本的柜子模型

clipboard.pngclipboard.png

谢谢各位!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

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

评论(3

烟雨凡馨 2022-09-13 23:34:50

可能是在那个面位置上有多个重叠的面,这样在远视角下会发生闪烁,可以设置Mesh的Material属性depthTest: false

var materialA = new THREE.MeshBasicMaterial({map:textureLoader.load(img1),side:THREE.DoubleSide,transparent:true,depthTest: false}  
Bonjour°[大白 2022-09-13 23:34:50

已解决,属于Z_fighting问题,需要对摄像机的近裁剪面和远裁剪面两个参数进行调整!

小巷里的女流氓 2022-09-13 23:34:50

根据题主最后的提示,我也解决这个问题了,关于 z_fighting 问题,可以看下边贴出来的博客,快速解决这个问题,只需要在创建 WebGlRenderer 的时候加一个参数就可以了

var renderer = new THREE.WebGLRenderer({ logarithmicDepthBuffer: true });

参考博客:
https://www.cnblogs.com/lst619247/p/9098845.html

我的问题:

解决前

image.png

解决后

image.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文