Pixi.js: 画面上のたくさんの粒子コンテナが素晴らしいサイケデリックな爆発を生み出します

予想される行動

私は、2つのオブジェクトが出会うと、一方が他方を吸収し、パーティクルコンテナといくつかのスプライトを使用して吸収効果を作成するゲームに取り組んでいます。 ただし、一度に画面にこれらの効果が多すぎると、無限のサイケデリックな爆発が発生します。これは素晴らしいことですが、実際には私が望んでいたことではありません。 ただし、particleContainerから通常のコンテナーに変更すると、問題は解決します。 また、この問題は、一度に大量のパーティクルコンテナが画面に表示されている場合にのみ発生します。 それより少ない場合、それは起こりません。

更新：ゲームをモバイルブラウザで実行すると、通常のpixiコンテナでも実際に発生するので、メモリ制限の問題が発生する可能性がありますか？

各エフェクトのビュー階層は次のとおりです。

PIXI.Container // Effect main container. Gets scaled/positioned
    PIXI.Sprite // This is an overall glow
    PIXI.particles.ParticleContainer // This is the streaks effect
        PIXI.Sprite[] // Individual streak of light. Gets rotated and alpha'ed

これがどのように見えるかを示すgifです：

そして、ここに問題の1つがあります：

• pixi.jsバージョン：_e.g。 4.8.1
• ブラウザ：_e.g。 Chrome 67.0.3396.99
• デバイス：_e.g。 Desktop_OS_X