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

最新推荐文章于 2024-07-11 09:55:38 发布

my_mystery

最新推荐文章于 2024-07-11 09:55:38 发布

阅读量1.5w

点赞数 1

分类专栏： Three.js 文章标签： JavaScript webgl three.js

本文链接：https://blog.csdn.net/u014658748/article/details/51074057

版权

本文介绍了在three.js更新到版本75后，obj模型加载方法的变化。由于OBJMTLLoader.js被移除，OBJLoader.js和MTLLoader.js的setCrossOrigin方法已更改至setPath。因此，开发者需要调整加载模型的方式。

摘要由CSDN通过智能技术生成

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

需要将加载方式改为：