一组中相同的两个平面，都不透明

Question

我有一个平面网格，我复制它们并将它们放在一个Object3d组中，它们都被认为是透明的，但只有其中一个是，请帮忙。

face = new THREE.MeshBasicMaterial({
    side: THREE.DoubleSide,
    transparent: true,
    map: THREE.ImageUtils.loadTexture('face.png')
});
face.map.magFilter = THREE.NearestFilter;
face.map.minFilter = THREE.NearestFilter;

facePlane = new THREE.Mesh(new THREE.PlaneGeometry(100, 100), face);

faceGroup = new THREE.Object3D();
faceGroup.add(facePlane.clone());
faceGroup.add(facePlane.clone());
faceGroup.children[0].rotation.y = 90*(Math.PI/180);

scene.add(faceGroup);

Answer 1

在Three.js / WebGL - transparent planes hiding other planes behind them

上找到解决方案

将alphaTest: 0.5添加到素材中。