Pixi.js: 화면에 많은 입자 컨테이너가 멋진 사이키델릭 폭발을 만듭니다.

예상되는 동작

2개의 오브젝트가 만나면 1개가 다른 오브젝트를 흡수하고 파티클 컨테이너와 일부 스프라이트를 사용하여 흡수 효과를 만드는 게임을 작업 중입니다. 그러나 한 번에 이러한 효과를 화면에 너무 많이 표시하면 무한 사이키델릭 폭발이 발생합니다. 이것은 일종의 굉장하지만 실제로는 제가 의도한 바는 아닙니다. 그러나 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입니다.

다음은 문제 중 하나입니다.

• pixi.js 버전: _e.g. 4.8.1
• 브라우저: _e.g. 크롬 67.0.3396.99
• 기기: _예. Desktop_OS_X