performance - three.js の setTexture のパフォーマンスの問題

Question

メッシュのテクスチャを変更すると、一部のコンピューターで、アプリケーションが 0.5 秒間フリーズします。私は100の異なるメッシュでそれを行います。Chrome プロファイラーでは、Three.js メソッドsetTextureが CPU 使用率の上にあることがわかります。

次のテクスチャを適用するために使用する方法は、最も簡単です。

this.materials.map = this.nextTexture;

これは機能していますが、これを最適化する方法がわかりません。代わりにパーティクル システムを使用すると、何か改善されますか?

どうもありがとう

Answer 1

本当に 100 種類のテクスチャを使用していますか?

テクスチャの交換を最小限に抑えるために、テクスチャに従ってオブジェクトをソートしてみてください。

テクスチャの変更は、よりコストのかかる GPU 操作の 1 つです。