如何使具有合并几何体的 THREEjs 中的对象具有相同的透明度? (没有重叠)

问题描述 投票:0回答:0

给定 THREEjs 中的一个对象,其几何形状是多个几何形状合并为一个具有

mergeBufferGeometries
的几何形状,我如何使它的透明度始终保持一致,所以我不会得到不透明度与其他点不同的重叠段。各个几何体的
z
值是相同的,所以它基本上是二维的。因此,使用
colorWrite
似乎不起作用。我也尝试过使用 CSG,但是对于我需要使用它的方式来说它太慢了。

这是创建所述对象的代码:

// geometries is an array of BufferGeometry
const mergedGeometries = mergeBufferGeometries(geometries);
const material = new THREE.MeshBasicMaterial({
    color: new THREE.Color("orange"),
    opacity: 0.2,
    transparent: true,
    side: THREE.FrontSide
});
const mesh = new THREE.Mesh(mergedGeometries, material);

所以我希望不透明度保持一致,而不是这个。 我怎样才能做到这一点?

javascript three.js
© www.soinside.com 2019 - 2024. All rights reserved.