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 を使うのはこれが初めてで、取り入れるべきことがたくさんあるようです。