用Three.js和Physijs查看映射材料的背面

Question

我使用Three.js和Physijs创建了一个非常基本的多维数据集。我正在映射一个具有透明度的纹理，我希望通过透明看到立方体的另一端的纹理。现在，我通过透明度看到背景，但不是立方体背面的纹理。

var cube = new Physijs.BoxMesh( 
    new THREE.BoxGeometry( 2, 2, 2),
    new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture('border.png') } ), 
    1 );

所使用的纹理：

​

​

结果：

​

​

如您所见，背景通过立方体显示，而不是背面的纹理。我想后部的2d纹理是看不见的，但它对我来说无论如何都是把纹理应用到每一张脸的两边吗？

这是我第一次使用Threejs，看起来有很多东西需要接受，所以我希望我没有遗漏一些显而易见的东西:)

Answer 1

将side设置为THREE.DoubleSide可以为您提供以下功能：

var material = new THREE.MeshPhongMaterial( {
    map: new THREE.TextureLoader().load( "image.png" ),
    transparent: true,
    side: THREE.DoubleSide // apply to both sides of the faces
} );

但这种错觉并不完美，正如你在这里所看到的：

​

​