Material DoubleSide - 如何在每一面实现不同的材料？答案

【问题标题】：Material DoubleSide - How to achieve different material on each side?Material DoubleSide - 如何在每一面实现不同的材料？
【发布时间】：2014-09-13 19:47:39
【问题描述】：

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

因此，当从几何体中一个面的前面看时，它使用的是材质 1，但从后面看，您会看到材质 2。

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

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

【问题讨论】：

你可能需要克隆网格，翻转顶点并分配不同的材质，是的。

标签： javascript three.js

【解决方案1】：

是的，两个不同材质的网格应该可以解决问题：.....

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 );

【讨论】：