ThreeJs创建天空盒

功能介绍

创建天空盒，主要就是6张图构建整个场景的图片。这六张图分别是朝前的（posz）、朝后的（negz）、朝上的（posy）、朝下的（negy）、朝右的（posx）和朝左的（negx）。Three.js会将这些图片整合到一起来创建一个无缝的环境贴图。代码如下：

const loader = new THREE.CubeTextureLoader()
const texture = loader.load([
  `/textures/sky/night/posx.jpg`,
  `/textures/sky/night/negx.jpg`,
  `/textures/sky/night/posy.jpg`,
  `/textures/sky/night/negy.jpg`,
  `/textures/sky/night/posz.jpg`,
  `/textures/sky/night/negz.jpg`,
])
this.scene.background = texture

效果如下

天空盒.gif