Pixi.js: تخلق الكثير من حاويات الجسيمات التي تظهر على الشاشة انفجارًا مخدرًا رائعًا

سلوك متوقع

أنا أعمل على لعبة حيث عندما يلتقي جسمان ، يمتص أحدهما الآخر ، وأخلق تأثير امتصاص باستخدام حاوية جسيمات وبعض العفاريت. ومع ذلك ، إذا كان لدي الكثير من هذه التأثيرات على الشاشة في وقت واحد ، فإنه يخلق انفجارًا مخدرًا لانهائيًا ، وهو نوع رائع ، ولكن ليس ما كنت أفعله حقًا. ومع ذلك ، إذا قمت بالتغيير من حاوية جسيم إلى حاوية عادية ، فإن المشكلة تختفي. أيضًا ، تحدث المشكلة فقط إذا كان هناك عدد كبير من حاويات الجسيمات على الشاشة في المرة الواحدة. إذا كان هناك أقل من ذلك ، فلن يحدث ذلك.

تحديث: لا يزال يحدث بالفعل مع حاوية البيكسي العادية عند تشغيل اللعبة في متصفح الهاتف المحمول ، فربما تكون هناك مشكلة في حد الذاكرة؟

هذا هو التسلسل الهرمي لطريقة العرض الخاصة بي لكل تأثير:

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

إليك صورة متحركة لما من المفترض أن تبدو عليه:

وإليك إحدى المشكلات:

• الإصدار pixi.js : _e.g. 4.8.1
• المتصفح: _e.g. Chrome 67.0.3396.99
• الجهاز: _e.g. سطح المكتب_OS_X