Three.js large modelsをロードする

Question

ライブラリーに付属している適切なローダーを使用して非常に大きなファイルを読み込もうとすると、自分のウェブサイトのタブがクラッシュします。私はWorkerクラスを実装しようとしましたが、うまくいきません。相続人は何が起こる：メインのJavaScriptファイルで

私が持っている：

ユーザーが選択

var worker = new Worker('loader.js'); 

私は拡張子をチェックし、労働者へのファイルのURL /パスを渡し可能なモデルの1：この例では（

importScripts('js/libs/three.js/three.js'); 
importScripts('js/libs/three.js/PCDLoader.js'); 

：PCDファイル）

worker.postMessage({fileType: "pcd", file: file}); 

今

loader.jsは適切にそれを動作させるために必要であることを含んであり

であり、onmessageメソッドでは、ファイルの拡張子に応じて適切なローダーを使用します。

var loader = new THREE.PCDLoader(); 
loader.load(file, function (mesh) { 
    postMessage({points: mesh.geometry.attributes.position.array, colors: mesh.geometry.attributes.color.array}); 
}); 

データは、シーンに追加するメインのJavaScriptに正常に戻されます。私は言ったように、小さなファイルでは、長すぎるとブラウザがエラーがあると判断します。今私は、ワーカークラスが非同期で動作するはずだと思ったので、ここで何ができますか？

Answer 1

現在、Three.jsのローダーは、ファイルのデータを解析するために文字列と文字列を使用しています。彼らはファイルを分割していないので、ブラウザーがすぐに中断する過度のメモリー使用量につながります。ロード中に使用された1 GB以上のメモリに64 MBのファイルを読み込むと、エラーが発生します。