THREE.ExtrudeGeometryの前面、裏面、サイドのテクスチャ

Question

THREE.ExtrudeGeometryの前面、裏面、サイドに違うテクスチャを貼ろうとしています。
文字の入ったcanvasと無地のcanvasの2つを作成してそれをテクスチャにして下記のようにしたらサイドは違うテクスチャになりましたが、
前面と裏面が同じテクスチャと言うか、前面のテクスチャが裏面に透けて見えてる状態です。なので裏面は文字が反転されています。
これを裏面も無地のテクスチャにしたいのですがどうすればいいでしょうか？
THREE.FrontSideなどを試したのですが相変わらず裏面は反転した文字が表示されたままになっています。

var matArray = [];
matArray.push(new THREE.MeshBasicMaterial({ map: texture1}));//文字入りテクスチャ
matArray.push(new THREE.MeshBasicMaterial({ map: texture2}));//無地のテクスチャ
var mesh = new THREE.Mesh(geom, matArray);

Answer 1

下記で裏面に無地のテクスチャを貼れましたが原理は解っていません。

var matArray = [];
matArray.push(mat);
matArray.push(new THREE.MeshPhongMaterial({map: texture2}));
matArray.push(new THREE.MeshPhongMaterial({map: texture2}));
var mesh = new THREE.Mesh(geom, matArray);
for (var face in mesh.geometry.faces) {
  if (mesh.geometry.faces[face].normal.z == 1) 
    mesh.geometry.faces[face].materialIndex = 2;
}