绘制的一个半透明的平面,在某个角度观察时,发现后面的模型被遮挡了

解决办法:

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 // 关闭深度测试
});

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐