three.js TGALoader

2023-02-16 17:50 更新

用于加载 .tga 资源的加载程序。

TGA 是一种光栅图形、图像文件格式。

代码示例

// 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 fails
	function ( error ) {

		console.log( 'An error happened' );

	}
);

const material = new THREE.MeshPhongMaterial( {
	color: 0xffffff,
	map: texture
} );

例子

webgl_loader_texture_tga

构造函数

TGALoader( manager : LoadingManager )

manager — 供加载器使用的 loadingManager。默认值为 THREE.DefaultLoadingManager。

创建一个新的 TGALoader。

属性

请参阅基本 Loader 类以了解公共属性。

方法

常用方法见 Loader 基类。

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

url — 包含 .tga 文件的路径/URL 的字符串。

onLoad — (可选)加载成功完成后要调用的函数。该函数接收加载的 DataTexture 作为参数。

onProgress — (可选)在加载过程中调用的函数。参数将是 XMLHttpRequest 实例,它包含 .total 和 .loaded 字节。

onError —(可选)加载期间发生错误时调用的函数。该函数接收错误作为参数。

从 url 开始加载并将加载的纹理传递给 onLoad。纹理也直接返回以供立即使用(但可能未完全加载)。

源码

examples/jsm/loaders/TGALoader.js


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号