za pomocą three.js JSONLoader

Question

Po prostu nie można zobaczyć modeli zaimportowanych do sceny three.js. Geometria wygląda dobrze, ale model nie jest wyświetlany bez względu na materiał, który do niego stosuję.

Jestem nowym użytkownikiem WebGL, więc trudno mi go zdiagnozować, ale domyślam się, że coś jest nie tak podczas wywołania zwrotnego JSONLoader.

Dzięki za pomoc.

var camera, scene, renderer, mesh, loader; 

init(); 
animate(); 

function init() { 

    camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 10000); 
    camera.position.z = 1000; 

    scene = new THREE.Scene(); 

    loader = new THREE.JSONLoader(); 

    loader.load("scripts/model.js", function(geometry) { 
     mesh = new THREE.Mesh(geometry, new THREE.MeshNormalMaterial()); 
     mesh.scale.set(10, 10, 10); 
     mesh.position.y = 150; 
     mesh.position.x = 0; 
    }); 

    scene.add(mesh); 

    var ambientLight = new THREE.AmbientLight(0x555555); 
    scene.add(ambientLight); 

    var directionalLight = new THREE.DirectionalLight(0xffffff); 
    directionalLight.position.set(1, 1, 1).normalize(); 
    scene.add(directionalLight); 

    renderer = new THREE.WebGLRenderer(); 
    renderer.setSize(window.innerWidth, window.innerHeight); 

    document.body.appendChild(renderer.domElement); 

} 

function animate() { 

    requestAnimationFrame(animate); 

    mesh.rotation.x += 0.05; 

    renderer.render(scene, camera); 
} 

Answer 1

możliwość dodawania oczek na scenie przed model zakończeniu ładowania.

Przesuń linię

scene.add(mesh); 

do funkcji ładowarki zwrotnego.

Answer 2

, że to może pomóc każdemu, kto szuka dokładniejszej odpowiedzi:

loader.onLoadComplete=function(){scene.add(mesh)} 

również dla kompletnego Loader refrence, należy zapoznać się tutaj:

http://threejs.org/docs/index.html#Reference/Loaders/Loader

nadzieję, że to pomaga.

Answer 3

animate() powinien również znajdować się w funkcji wywołania zwrotnego, aby usunąć błędy konsoli.