解决three.js中模型破面问题的一种方法
分类:计算机 | 三维开发 | 基础理论 | 综合 712
更新:2022-10-31 20:47:06编辑
最近在使用three.js加载渲染一个gltf模型时发现模型有些地方存在破面的问题,刚开始以为是建模的问题,于是给建模人员反馈了这个问题,建模人员也改了几次,发现问题还是存在。
后来用其它的gltf浏览工具打开模型发现模型是正常的,看来应该不是建模的问题了,于是查了一些资料,发现通过设置WebGLRenderer的logarithmicDepthBuffer属性为true,就可以解决这个问题,代码如下所示:
this.renderer = new THREE.WebGLRenderer({
antialias: true,
alpha: true,
canvas: document.getElementById("container"),
logarithmicDepthBuffer:true //深度缓存
});
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10889
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9453
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7183
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5762
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5438
- 6Spring学习经验—@ResponseBody注解的使用说明4847
- 7Intellij IDEA下的版本控制VCS的启用与关闭4793
- 8Druid异常解决经验—java.sql.SQLException url not set4468
- 9如何用批处理命令(bat脚本)启动和停止windows服务4232
- 10nuxt.js项目中如何添加和使用全局变量4099
- 11解决SpringBoot使用maven下载不了jar包的问题3453
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3348
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3207
- 14在Nuxt.js项目的head中引用外部js文件3045
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3022