javascript - 使用 Three.js 和 Physij 查看映射 Material 的背面

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

使用的纹理:

结果:

如您所见，背景透过立方体显示，但背面的纹理不显示。我猜二维纹理的背面是看不到的，但无论如何我都可以将纹理应用到每个面的两侧吗？

这是我第一次使用 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
} );

但是正如您在此处看到的那样，这种错觉并不完美: