Question

A loader for loading a .tga resource.
TGA is a raster graphics, image file format.

代码示例

// instantiate a loader
const loader = new TGALoader();
// load a resource
const texture = loader.load(
  // resource URL
  'textures/crate_grey8.tga'
  // called when loading is completed
  function ( texture ) {
    console.log( 'Texture is loaded' );
  },
  // called when the loading is in progresses
  function ( xhr ) {
    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
  },
  // called when the loading failes
  function ( error ) {
    console.log( 'An error happened' );
  }
);
const material = new THREE.MeshPhongMaterial( {
  color: 0xffffff,
  map: texture
} );

例子

webgl_loader_texture_tga

Constructor

TGALoader( manager : LoadingManager )

manager — The loadingManager for the loader to use. Default is THREE.DefaultLoadingManager.

Creates a new TGALoader.

Properties

See the base Loader class for common properties.

Methods

See the base Loader class for common methods.

.load ( url : String, onLoad : Function, onProgress : Function, onError : Function ) : DataTexture

url — A string containing the path/URL of the .tga file.
onLoad — (optional) A function to be called after loading is successfully completed. The function receives loaded DataTexture as an argument.
onProgress — (optional) A function to be called while the loading is in progress. The argument will be the XMLHttpRequest instance, which contains .total and .loaded bytes.
onError — (optional) A function to be called if an error occurs during loading. The function receives the error as an argument.

Begin loading from url and pass the loaded texture to onLoad. The texture is also directly returned for immediate use (but may not be fully loaded).

Source

examples/jsm/loaders/TGALoader.js