Three.jsでメッシュをエクスポートするとパフォーマンスが向上しますか？

Question

私はThree.jsプロジェクトに取り組んでおり、プログラムはいくつかの場所で遅れているようです。

var text1Geo = new THREE.TextGeometry("Hello", {font: font}); 
text1Mesh = new THREE.Mesh(text1Geo, textMaterial); 
text1Mesh.position.set(-6500, 150, -500); 
text1Mesh.castShadow = true; 
scene.add(text1Mesh); 

を私はOBJExporterを使用して、OBJとしてテキストをエクスポートして、代わりに作成するのであれば、それはパフォーマンスを改善する場合、私は疑問に思って：具体的には、最もパフォーマンスの遅れは、テキストをレンダリングすると、私はそうのように作成したメッシュたときに発生しますTHREE.TextGeometry私はOBJLoaderを使ってシーンにメッシュをロードするだけでした。これによりパフォーマンスが向上するでしょうか？プロジェクト全体とソースコードを表示したい場合は、hereにアクセスしてください。パフォーマンスを向上させる方法に関するヒントやアドバイスをいただければ幸いです。ありがとう！

Answer 1

号

実験は順序のままですが、答えはキャッシュテキストジオメトリにあります。代わりに

loadText('url.obj' , (t)=>{ /*...do stuff...*/}); 

のようなものを持っていることの

あなたは

computeText(){ 
    var t = new THREE.TextGeometry(); 
    ... 
} 

computeText(); 
//...do stuff... 

私の仮定は、それはパースに来るときobjが非友好的であるということである持っていることができますが、私は間違っているかもしれません。フォーマットされたjsonはおそらくより良い、またはバイナリでしょう。

.objをダウンロードして解析し、インデックスを作成してから何かを実行する代わりに、レンダリングを開始する前に計算してください。

これは、gpuにヒットした場合でも、遅れを経験するでしょう。計算したりダウンロードしたりしてください。