pixijs-2d

Create a ParticleContainer with dynamicProperties configured for the attributes you need to update, then add Particle instances with a shared texture. Update particle positions and properties in the app.ticker loop for animation.

ParticleContainer is optimized for rendering thousands of sprites and runs up to 10x faster than a regular Container, but only supports properties enabled in dynamicProperties. Use it for particles and large sprite counts; use Container for general grouping.

PixiJS uses WebGL/WebGPU acceleration and can render 100,000+ sprites at 60 FPS, making it ideal for games and particle effects. Canvas2D is simpler but much slower for large numbers of moving objects.

Yes. For React, initialize the PixiJS Application inside a useEffect hook and destroy it on cleanup. For Three.js, layer a transparent PixiJS canvas on top of the WebGL canvas to render 2D UI overlays and HUD elements.

Common causes include using a regular Container instead of ParticleContainer, applying too many filters, or updating Text objects every frame. Switch to ParticleContainer, set filterArea, and use BitmapText for frequently changing text.

Create a Filter with a GlProgram containing your vertex and fragment GLSL shaders, then pass uniforms through the resources option. Assign the filter to a display object's filters array and update uniforms in the ticker loop.