three.js - THREE.js を使用してキューブ ジオメトリにテクスチャを適用する

Question

立方体をレンダリングし、次のように各面にテクスチャを適用する単純な THREE.js アプリがあります。

var cubeGeometry = new THREE.CubeGeometry(5, 8, 1, 4, 4, 1);

var materials = [ new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture('front.jpg') }),
//.....Front, back, left, etc...                              
]; 

...

var cubeMesh = new THREE.Mesh(cubeGeometry, new THREE.MeshFaceMaterial(materials));

ただし、黒い立方体しか見えません。つまり、立方体の面に画像が表示されません。

また、私のコードは THREE.js ライブラリのリリース 50 で正常に動作するため、変更により新しいリリースが原因でコードが破損したようで、関連するドキュメントが見つからないようです。

どんな助けでも大歓迎です。