Three.js - 如何判断模型是否加载完毕和出错

使用three.js加载模型时,是否已经加载完毕和报错以便来更好的处理,一般加载器都会有回调方法来监控模型的加载进度。
例如加载obj模型,以THREE.ObjectLoader为例。
通过查看文档可知,其构造函数有四个参数分别是:
url -String:资源文件的路径
onLoad -function(obj):当模型加载完成时将被调用,参数是将要加载的对象。
onProgress -function(xhr):加载过程中被调用,参数是XMLHttpRequest实例,它包含.total.loaded字节
onError -function(error):加载出错时被调用
如下代码所示

var loader = new THREE.ObjectLoader();

loader.load(
	// 资源路径
	"models/json/example.json",

	// 加载完成后的回到函数
	function ( obj ) {
		// 资源加载完成后将对象加入场景
		scene.add( obj );
	},

	// 加载过程中的回调函数
	function ( xhr ) {
		console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
	},

	// 加载出错的回调
	function ( err ) {
		console.error( 'An error happened' );
	}
);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值