如何将材质仅添加到盒子的一侧？

Question

如何将材质仅添加到Aframe几何体对象的一侧？我需要一个看起来像平面的长方体对象(缩放为扁平)，因为我有子几何体对象，并且需要能够将它们放在平面区域之外；但是，由于我已经使长方体扁平以使其看起来像平面，所以它也使子对象变平。所以我想，如果我能让盒子看起来像一个只有一面纹理的平面，它就能解决这个问题。

Answer 1

您可以使用three.js MultiMaterial。

大多数手动方法是将几何图形添加到实体，然后手动添加材质：

var materials = [
  new THREE.MeshBasicMaterial( { color: 0xff0000 } ), // right
  new THREE.MeshBasicMaterial( { color: 0x0000ff } ), // left
  new THREE.MeshBasicMaterial( { color: 0x00ff00 } ), // top
  new THREE.MeshBasicMaterial( { color: 0xffff00 } ), // bottom
  new THREE.MeshBasicMaterial( { color: 0x00ffff } ), // back
  new THREE.MeshBasicMaterial( { color: 0xff00ff } )  // front
];
el.getObject3D('mesh').material = new THREE.MultiMaterial(materials);

也许以后，有人可以制作一个多材料的A-Frame组件，而不必接触JS。