THREE.Object3D.add: oggetto non un'istanza di THREE.Object3D

Question

in modo che ottenga questo errore e non riesco a trovare la fonte di esso. Credo che abbia a che fare con me importando e creando i miei oggetti 3d nella mia scena, ma non sono sicuro di cosa sto facendo male.

ecco il codice: io chiamo questa funzione prima che chiami init

function loadObjects() 
{ 
loader = new THREE.JSONLoader(); 

var floorDiskmaterial = new THREE.MeshPhongMaterial({ 
    map: THREE.ImageUtils.loadTexture('img/floor_test.jpg'), 
    transparent: true, 
    color: 0xeaeaea, 
    ambient: 0xeaeaea, 
    overdraw: 0.5, 
    //specular: 0x6a3e6d, 
    shading: THREE.FlatShading, 
    fog: false, 
    //shininess: 50, 
}); 

loader.load("models/floorScene.js", function(geometry) { 
    FloorDiskFire = new THREE.Mesh(geometry, floorDiskmaterial); 
    FloorDiskFire.position.set(0,0.2,0); 
    FloorDiskFire.castShadow = true; 
    FloorDiskFire.receiveShadow = true; 
    FloorDiskFire.scale.set(1.5,1.5,1.5); 
    //FloorDiskFire.rotation.y = -0.78; 
}); 

//-----Pillar Loader------// 

var pillarMaterial = new THREE.MeshPhongMaterial({ 
    //map: THREE.ImageUtils.loadTexture('img/pillarMap.png'), 
    //transparent: true, 
    color: 0xeaeaea, 
    ambient: 0xeaeaea, 
    overdraw: 0.5, 
    //specular: 0x6a3e6d, 
    shading: THREE.FlatShading, 
    fog: false, 
    //shininess: 50, 
}); 

loader.load("models/pillar.js", function(pillar) { 
    firePillar = new THREE.Mesh(pillar, pillarMaterial); 
    firePillar.position.set(135,0,135); 
    firePillar.castShadow = true; 
    firePillar.receiveShadow = true; 
    firePillar.scale.set(1.7,1.7,1.7); 
}); 

loader.load("models/pillar.js", function(pillar) { 
    earthPillar = new THREE.Mesh(pillar, pillarMaterial); 
    earthPillar.position.set(135,0,-135); 
    earthPillar.castShadow = true; 
    earthPillar.receiveShadow = true; 
    earthPillar.scale.set(1.7,1.7,1.7); 
}); 

loader.load("models/pillar.js", function(pillar) { 
    airPillar = new THREE.Mesh(pillar, pillarMaterial); 
    airPillar.position.set(-135,0,135); 
    airPillar.castShadow = true; 
    airPillar.receiveShadow = true; 
    airPillar.scale.set(1.7,1.7,1.7); 
}); 

loader.load("models/pillar.js", function(pillar) { 
    waterPillar = new THREE.Mesh(pillar, pillarMaterial); 
    waterPillar.position.set(-135,0,-135); 
    waterPillar.castShadow = true; 
    waterPillar.receiveShadow = true; 
    waterPillar.scale.set(1.7,1.7,1.7); 
}); 
} 

Poi nel init aggiungo gli oggetti sulla scena

loader.onLoadComplete=function(){ 
    scene.add(FloorDiskFire); 

    scene.add(firePillar); 
    scene.add(earthPillar); 
    scene.add(waterPillar); 
    scene.add(airPillar); 
}; 

Answer 1

approvazione qui è il problema, il componente aggiuntivo la chiamata viene invocata nel momento sbagliato, perché non ho scritto questo codice da zero e non ho tempo per il debugging molto profondo, ma ti darò un suggerimento su cosa è sbagliato, e sono sicuro che troverai più facile trovare il bug più tardi, perché penso che alcuni dei tuoi oggetti stiano ancora caricando mentre stai cercando di aggiungerli alla scena.

Procedura:

ho cambiato

loader.onLoadComplete=function(){ 
     scene.add(FloorDiskFire); 
     //scene.add(FloorDiskEarth); 
     //scene.add(FloorDiskWater); 
     //scene.add(FloorDiskAir); 

     scene.add(firePillar); 
     scene.add(earthPillar); 
     scene.add(waterPillar); 
     scene.add(airPillar); 
    } 

raggruppato l'azione in una nuova funzione chiamata addObjects();:

function addObjects(){ 
     scene.add(FloorDiskFire); 
     //scene.add(FloorDiskEarth); 
     //scene.add(FloorDiskWater); 
     //scene.add(FloorDiskAir); 

     scene.add(firePillar); 
     scene.add(earthPillar); 
     scene.add(waterPillar); 
     scene.add(airPillar); 
    }; 

poi nella vostra init() funzione ho invocato il addObjects();, ma ancora dare lo stesso errore !! Così ho provato invocandolo dopo qualche tempo - in linea 309> index.html:

setTimeout(function(){addObjects();},1000); 

prega di notare che ho provato 100ms, e non ha funzionato, poi 1 secondo funziona bene, questa non è una soluzione, è solo e indicando che se si ritarda la chiamata della funzione tutto funzionerà bene, è ora il vostro compito determinare quando chiamarlo (cioè trovare l'evento corretto per richiamare la funzione) in quanto sembra che loader.onLoadComplete non stia facendo il lavoro.

è possibile trovare il file modificato here.