Tr.Js Progress Loader не скрывается при загрузке модели

Question

У меня есть страница, основанная на примере this, и используя соответствующие строки из примера webgl_material_bumpmap для реализации хода загрузки Dom Element.

Страница (временно) here. Если то, что я включил ниже, недостаточно информации, см. Источник этой страницы.

Моя проблема заключается в том, что загружаемый текстовый блок не исчезает при загрузке модели. я показать его с помощью:

function installModel(file) { 
    if (model) {**strong text** 
     scene.remove(model); 
     } 
     render(); 
     var loader = new THREE.JSONLoader(true); 
    loader.load("obj/" + file, modelLoadedCallback); 
     document.body.appendChild(loader.statusDomElement); 
     } 

Функции инициализации (без обработки материала ошибок) является

scene = new THREE.Scene(); 
    camera = new THREE.PerspectiveCamera(50, theCanvas.width/theCanvas.height, 0.1, 100); 
    camera.position.z = 30; 
    camera.lookAt(scene.position); 
controls = new THREE.OrbitControls(camera, renderer.domElement); 
controls.damping = 0.3; 
controls.addEventListener('change', render); 
    createWorld(); 
    installModel("room1.json"); 
    render(); 

loader.statusDomElement.style.display = "none"; 

} 

Почему загрузка текст остается видимым?

Answer 1

Вы, вероятно, нужно добавить:

loader.statusDomElement.style.display = "none"; 

в функции обратного вызова modelLoadedCallback() после печати на консоли.

Answer 2

Я разработал его. мне пришлось добавить еще один DIV элемент под названием «прогрессив» затем

var show 
    function show() { 
     document.getElementById("prog").style.display = "inline"; 
     } 

и

var loader = new THREE.JSONLoader(true); 
    document.getElementById("prog").appendChild(loader.statusDomElement); 
    loader.load("obj/" + file, modelLoadedCallback);