CubeTextureLoader

CubeTexture 的加载器. 它内部使用 ImageLoader 来实现数据的加载 ( var loader = new ImageLoader( this.manager ) ), 最终 return 一个 CubeTexture. CubeTextureLoader 对象可赋值给 scene 的 background 属性, 以及材质 Material 的 envMap 属性. 它需要下载6张天空盒图片:px、nx、py、ny、pz、nz (→, ←, ↑, ↓, 前, 后)

function CubeTextureLoader( manager ) { } var geometry = new THREE.BoxGeometry( 4, 5, 4 ), material = new THREE.MeshBasicMaterial( {color:0xffffff}), box = new THREE.Mesh( geometry, material ); var loader = new THREE.CubeTextureLoader(); loader.setPath('../assets/textures/skybox/'); loader.load(['px.jpg', 'nx.jpg', 'py.jpg', 'ny.jpg', 'pz.jpg', 'nz.jpg'], function(cubeTexture){ scene.background = cubeTexture; material.envMap = cubeTexture; material.needsUpdate = true; }, function ( xhr ) { console.log( (xhr.loaded / xhr.total * 100) + '% loaded' ); }, function(error){ console.log('error: ' + error.message) } );

Attributes

crossOrigin : String

Default value : 'anonymous'
Description : CORS的跨域路径.

manager : LoadingManager

Default value : THREE.DefaultLoadingManager
Description : 类型.

Methods

load( url, onLoad, onProgress, onError ) : null
url String 加载路径
onLoad Function 加载完成函数
onProgress Function 加载进程函数
onError Function 加载错误函数

加载URL以及调用回调函数onLoad.

setCrossOrigin( value ) : this
value String CORS的跨域路径

设置CORS的跨域路径.

setPath( value ) : this
value String 路径

设置加载路径中的基础路径, 当你有很多资源需要加载时, 调用此方法会方便很多.