pointCloudMaterial和depth-buffer中的透明纹理

Question

我使用threejs将pointCloud添加到屏幕上，并设置纹理贴图，但我发现顶点可以覆盖它背后的那个。

添加AdditiveBlending之后，它好多了，但仍有问题。

因为我有其他对象所以我无法添加depthTest:false，我该如何解决这个问题呢？

下面是代码和纹理

var geometryBig = new THREE.Geometry();
var meshBig = new THREE.PointCloud(geometryBig, new THREE.PointCloudMaterial({
    size: 4,
    color: 0xFFFFFF,
    transparent: true,
    blending: THREE.AdditiveBlending,
    // depthTest: false,
    transparent: true,
    sizeAttenuation: true,
    map: THREE.ImageUtils.loadTexture(
        "img/particle.png"
    ),
}));

Answer 1

添加到您的PointCloudMaterial：

depthWrite: false