three.js 및 jsonLoader를 사용하는 동안 로딩 화면을 만드는 방법은 무엇입니까?

Question

프로젝트에로드 할 텍스처 파일과 모델이 매우 많습니다. 상태 표시 줄이나 모든 종류의 화면이로드되는 동안 어떤 종류의 화면을 표시하려고합니다. 누군가가 내게이 일을하는 방법에 대한 정보를 줄 수 있다면 그것은 굉장 할 것입니다.

감사합니다.

Answer 1

당신은로드 프로세스를 관리하기 위해이 같은 패턴을 사용할 수는 대신

THREE.DefaultLoadingManager.onProgress = function (item, loaded, total) { 
    console.log(item, loaded, total); 
}; 

:

var manager = new THREE.LoadingManager(); 

manager.onStart = function(item, loaded, total) { 

    console.log('Loading started'); 

}; 

manager.onLoad = function() { 

    console.log('Loading complete'); 

}; 

manager.onProgress = function(item, loaded, total) { 

    console.log(item, loaded, total); 

}; 

manager.onError = function(url) { 

    console.log('Error loading'); 

}; 

var loader = new THREE.TextureLoader(manager); 

var texture = loader.load('texture.jpg', function (texture) { 

    texture.wrapS = texture.wrapT = THREE.RepeatWrapping; 
    texture.repeat.set(2, 2); 

}); 

var loader = new THREE.OBJLoader(manager); 

loader.load('file.obj', function(object) { 

    // your code 

}); 

three.js를 r.85

Answer 2

필요한 최소 코드는 바로 이것이다 예를 들어 콘솔에 인쇄하는 경우 "loaded == total"이라는 렌더링 루프를 시작할 수 있습니다. 또는로드 표시기를 업데이트 할 수 있습니다. (코드는 예제 중 하나입니다.)