three.jsシーンの複数のミラーがパフォーマンスを犠牲にする

Question

three.jsのmirror exampleに基づいて、私は良い古いpraxinoscope「ムービープロジェクタ」を再作成しました。移動。

three.jsのバージョン84では、これはかなりうまく動作します。 V84を用い

例：https://codepen.io/Sphinxxxx/pen/eEbjbaバージョン85で

しかし、Mirror.jsにいくつかの変更があった、そしてそれ以降のバージョンですべてのミラー（ここでは8つのミラー）プラキシノスコープが本当に遅い作る（低FPS）。 V87を使用して

例：https://codepen.io/Sphinxxxx/pen/vJvozR

私は、パフォーマンスの低下は、再帰呼び出しとMirror.jsからonBeforeRender()関数の呼び出しで始まる不要なレンダリングの多くに関係している疑いがあります。スタックトレース：あなたはコードを見れば

、ミラーがaddMirrorAndImage()機能で作成され、追加されます。ミラーを追加するより良い方法はありますか、それとも古いバージョン（v85より前のバージョン）と同じパフォーマンスを実現するいくつかのトリックですか？

• V84：https://codepen.io/Sphinxxxx/pen/eEbjba
• V87：https://codepen.io/Sphinxxxx/pen/vJvozR（Reflectorに改名Mirror）V88で修正された

Answer 1

：https://codepen.io/Sphinxxxx/pen/dZYKwP