three.js - 一组中的 2 个相同平面，两者都不透明

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 上找到了解决方案- 透明平面隐藏了其他平面

添加alphaTest: 0.5到材料中。