如何为三个js立方体设置图像

Question

三个js的新手。我试图设置背景图像，并希望用图像改变正面。

通过网络的更多例子，但我没有想到。

请用简单的例子告诉我。

这是多维数据集link

Answer 1

您只需将纹理添加到包装盒中即可：

var dice = new THREE.Mesh(
    new THREE.BoxGeometry( 50, 50, 50),
    new THREE.MeshBasicMaterial({
         map: THREE.ImageUtils.loadTexture('texture.png')
      }) 
    );
dice.material.side = THREE.DoubleSide;
scene.add( dice );

对于背景，您可以使用SphereGeometry()几何体并更改背景。