背景图像在反应三

Question

我需要在场景中设置静态背景图像，图像格式如.png、.jpg等。可能有人知道怎么做吗？我尝试了很多变体，但仍然无法找到正确的解决方案。

Answer 1

假设您的背景是一个包含6个独立文件的skybox，您可以使用CubeTextureLoader加载图像，并将其设置为scene.background:

const path = 'textures/cube/your-skybox-directory/';
const format = '.jpg';
const urls = [
path + 'px' + format, path + 'nx' + format,
path + 'py' + format, path + 'ny' + format,
path + 'pz' + format, path + 'nz' + format
];
const reflectionCube = new THREE.CubeTextureLoader().load(urls);
scene = new THREE.Scene();
scene.background = reflectionCube;

基于以下示例：https://threejs.org/examples/?q=cube#webgl_materials_cubemap