Javascript 将图像添加到立方体的一侧

我想将一些图像附加到立方体的几面，然后将其他面留空。我很难让它工作。如果我将所有面都设置为一种材质，我可以加载文件并显示它，但是如果我尝试只设置一面来显示图像，它就是空白的

var textureLoader=new THREE.textureLoader（）；
var texture0=textureLoader.load（'images/0.png'）；
var texture1=textureLoader.load（'images/1.png'）；
var texture2=textureLoader.load（'images/2.png'）；
var texture3=textureLoader.load（'images/3.png'）；
var texture4=textureLoader.load（'images/4.png'）；
var texture5=textureLoader.load（'images/5.png'）；
变量立方材料=[
新的3.MeshBasicMaterial（{map:texture0}），
新的3.MeshBasicMaterial（{map:texture1}），
新的3.MeshBasicMaterial（{map:texture2}），
新的3.MeshBasicMaterial（{map:texture3}），
新的3.MeshBasicMaterial（{map:texture4}），
新的3.MeshBasicMaterial（{map:texture5}）
];
var立方计量法=新的三个立方计量法（3,2,3）；
设立方体=新的三网格（立方测量法、立方材料）；
添加组（立方体）；

是否要将不同的图像应用于多维数据集的每一侧？您使用的是THREE.js的哪个版本

THREE.CubeGeometry

已被弃用，取而代之的是

THREE.BoxGeometry

和

THREE.BoxBufferGeometry

。

THREE.ImageUtils.crossOrigin = '';
var texture = THREE.ImageUtils.loadTexture('your-img-url');
texture.anisotropy = renderer.getMaxAnisotropy();

var cubeMaterial = [
    new THREE.MeshBasicMaterial({
        map: texture //left
    }),
    new THREE.MeshBasicMaterial({
        color: 'orange' //right
    }),
    new THREE.MeshBasicMaterial({
        color: 'green' // top
    }),
    new THREE.MeshBasicMaterial({
        color: 'blue' // bottom
    }),
    new THREE.MeshBasicMaterial({
        color: 'pink' // front
    }),
    new THREE.MeshBasicMaterial({
        color: 'yellow' //back
    })
];