TextureLoader 纹理加载器

材质中纹理的加载器. 它内部使用 ImageLoader 来实现数据的加载 ( var loader = new ImageLoader( this.manager ) ), 即实际也是加载图片. 区别在于TextureLoader 的 onLoad() 方法中的参数就是纹理 texture, 它可以直接传值给材质的 map 属性, 因为它最终 return 一个 Texture; 而 ImageLoader 的 onLoad() 方法的参数是 image, 它需要创建一个 CanvasTexture( image ) 来制造纹理.

function TextureLoader( manager ) { } var earth = new THREE.Mesh(); var loader = new THREE.TextureLoader(); loader.load('---.jpg', function(texture){ var geometry = new THREE.SphereGeometry(4, 64, 64), material = new THREE.MeshBasicMaterial({ map: texture }); earth.geometry = geometry; earth.material = material; scene.add(earth); }, function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, function ( error ) { console.log( 'An error happened: ' + error ); } );

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 路径

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