threejs创建纯色天空盒

在 Three.js 中，可以使用 CubeTextureLoader 加载六面体的纹理图像来创建天空盒。如果你想要创建一个纯色天空盒，你可以使用 THREE.Color 类来创建一个颜色，然后使用该颜色创建一个 1x1 像素的纹理，再将其应用于天空盒的六个面。

以下是一个示例代码：

// 创建一个颜色
var skyColor = new THREE.Color(0x87CEEB);

// 创建一个 1x1 像素的纹理
var skyTexture = new THREE.DataTexture(new Uint8Array([skyColor.r*255, skyColor.g*255, skyColor.b*255]), 1, 1, THREE.RGBFormat);

// 取消纹理的重复
skyTexture.wrapS = THREE.ClampToEdgeWrapping;
skyTexture.wrapT = THREE.ClampToEdgeWrapping;
skyTexture.minFilter = THREE.NearestFilter;
skyTexture.magFilter = THREE.NearestFilter;

// 创建天空盒的材质
var skyMaterial = new THREE.MeshBasicMaterial({ map: skyTexture, side: THREE.BackSide });

// 创建天空盒的几何体
var skyGeometry = new THREE.BoxGeometry(10000, 10000, 10000);

// 创建天空盒的网格对象
var skyBox = new THREE.Mesh(skyGeometry, skyMaterial);

// 将天空盒添加到场景中
scene.add(skyBox);

这段代码将创建一个尺寸为 10000x10000x10000 的天空盒，其颜色为天蓝色（0x87CEEB）。你可以根据自己的需要修改颜色和尺寸等参数来创建不同的纯色天空盒。