ColladaLoader не может загрузить две различные модели

Question

Если я запускаю пример ниже это дает мне эту ошибку:

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 

Это последняя строка, где она вызывает визуализации()

Если я загружаю в два раза та же модель с 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();

Answer 1

Вы попирая переменной model. Обратный вызов, который вы предоставили, не запускается до загрузки модели, но он уже начал загрузку другой.

model = colladaModel.scene; 

Вы не объявить переменную model, что делает его глобальным переменным, которая, таким образом, общий браузер широко и между этими двумя обратными вызовами). На самом деле это window.model, что вы там используете.

Изменение их:.

var model = colladaModel.scene;