ColladaLoader ne peut pas charger deux modèles différents

Question

Si je lance l'exemple ci-dessous il me donne cette erreur:

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 

Ceci est la dernière ligne où il appelle render()

Si je charge deux fois le même modèle avec loader.load (..) l'erreur ne se produit pas, cela ne se produit que lorsque je choisis différents modèles.

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

Vous piétiner sur la variable model. Le rappel que vous avez fourni ne s'exécute pas tant que le modèle n'est pas chargé, mais il a déjà commencé à charger l'autre.

model = colladaModel.scene; 

Vous n'avez pas déclaré votre variable model, ce qui en fait une variable globale qui est ainsi partagé à l'échelle navigateur et entre ces deux callbacks). C'est en fait window.model que vous utilisez là-bas.

CHANGEANTS à:.

var model = colladaModel.scene;