别人代码解读threejs1

85 阅读1分钟
//使用three.js创建一个是可以SkyBoxs类,并导出该类,
import * as THREE from 'three'

// 天空盒时间类型
const skyboxType = {
day: 'day',
dusk: 'dusk',
night: 'night'
}


//类的构造函数接受一个viewer对象作为参数,并将其赋值给this.viewer。
export default class SkyBoxs {
constructor(viewer) {
this.viewer = viewer
}

/**
*
* @param {*} type 天空盒类型
*/

setSkybox(type = skyboxType.day) {
const loaderbox = new THREE.CubeTextureLoader() // 加载贴图
const cubeTexture = loaderbox.load(
`/images/skybox/${type}/posx.jpg`,
`/images/skybox/${type}/negx.jpg`,
`/images/skybox/${type}/posy.jpg`,
`/images/skybox/${type}/negy.jpg`,
`/images/skybox/${type}/posz.jpg`,
`/images/skybox/${type}/negz.jpg`
])

this.viewer.scene.background = cubeTexture
}
}