three.js Material半透明材质遮挡后面的模型
·
绘制的一个半透明的平面,在某个角度观察时,发现后面的模型被遮挡了
解决办法:
1.设置material的depthWrite属性为false
2.设置material的depthTest属性为false
depthWrite:渲染此材质是否对深度缓冲区有任何影响。默认为true
depthTest:是否在渲染此材质时启用深度测试。默认为 true。
const material = new THREE.MeshBasicMaterial({
color: 0xffffff,
side: THREE.DoubleSide,
transparent: true, // 设置为true,opacity才会生效
opacity: 0.1,
depthWrite: false, // 不遮挡后面的模型
// depthWrite: false // 关闭深度测试
});
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)