three.js学习笔记 obj模型加载问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014658748/article/details/51074057

  three.js最新版本'75'相较以前使用的'71'版本obj模型加载的方法发生了变化。

  移除了OBJMTLLoader.js,并将原来OBJLoader.js和MTLLoader.js加载方法loader.setCrossOrigin更改为loader.setPath。

  所以再使用原来的加载方式:

var onProgress = function(xhr) {
		if (xhr.lengthComputable) {
			var percentComplete = xhr.loaded / xhr.total * 100;
				}
			};
var onError = function(xhr) {};
var loader = new THREE.OBJMTLLoader();
          
 loader.load('obj/test.obj', 'obj/test.mtl', function(object) {
            scene.add(object);
		}, onProgress, onError);
  会产生如下错误:
  loader.setCrossOrigin is not a function


  需要将加载方式改为:

 

var onProgress = function ( xhr ) {
		if ( xhr.lengthComputable ) {
			var percentComplete = xhr.loaded / xhr.total * 100;
					}
				};

var onError = function ( xhr ) { };
var mtlLoader = new THREE.MTLLoader();
    mtlLoader.setBaseUrl( 'obj/' );
    mtlLoader.setPath( 'obj/' );
    mtlLoader.load( 'test.mtl', function( materials ) {
    materials.preload();

var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials( materials );
    objLoader.setPath( 'obj/' );
    objLoader.load( 'test.obj', function ( object ) {
		scene.add( object );

		}, onProgress, onError );

				});

fork me on github blog: https://chenjy1225.github.io/



  

没有更多推荐了,返回首页