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 if == total"というレンダリングループを開始できます。 または/あなたは任意の指標を更新することができます。 （コードは例の1つです）