javascript - Material DoubleSide - 如何在每一面实现不同的 Material ？

Question

我有一些生成的几何图形，我想从 2 个侧面看到这些面孔。

因此，当从几何体中的一个面的正面看时，它使用的是 material1，但从背面看时，您看到的是 material2。

我对 THREE.FrontSide、THREE.BackSide 和 THREE.DoubleSide 进行了实验，但它们似乎都没有给出想要的结果。 DoubleSide 只会镜像正面和背面的 Material 。

我应该克隆我的几何体并使用两种不同的 Material (mat1 = front & mat2 = back)创建网格还是你们会怎么做？

Answer 1

是的，两个不同 Material 的网格应该可以解决问题:......

var material1 = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
var material2 = new THREE.MeshBasicMaterial( { color: 0x0000ff, side: THREE.BackSide } );
var object1 = new THREE.Mesh( geometry, material1 );
var object2 = new THREE.Mesh( geometry, material2 );