ColladaLoader可以't装载两种不同的型号

ColladaLoader can't load two different models

本文关键字：两种 可以 ColladaLoader      更新时间：2023-09-26

如果我运行下面的示例，会出现以下错误：

Uncaught TypeError: Cannot read property 'x' of undefinedt @ three.min.js:462renderBuffer @ three.min.js:549k @ three.min.js:450render @ three.min.js:561render @ loaderTest.html:46

这是它调用render（）的最后一行

如果我用loader.load（..）两次加载同一个模型，则不会发生错误，只有当我选择不同的模型时才会发生错误。

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var light = new THREE.AmbientLight( 0xFFFFFF ); 
scene.add( light );
var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.load("models/model1.dae", function(colladaModel){
    var model = colladaModel.scene;
    model.position.set(0,0,0);
    scene.add(model);
});
loader.load("models/model2.dae", function(colladaModel){
    var model = colladaModel.scene;
    model.position.set(20,0,0);
    scene.add(model);
});
camera.position.z = 100;
var render = function () {
    requestAnimationFrame( render );
    renderer.render(scene, camera);
};
render();

您正在践踏model变量。在加载模型之前，您提供的回调不会运行，但它也已经开始加载另一个。

model = colladaModel.scene;

您没有声明您的变量model，这使它成为一个全局变量，因此在浏览器范围内以及这两个回调之间共享）。实际上，你在那里使用的是window.model。

将其更改为：

var model = colladaModel.scene;
相关文章：