pixijs-scene-particle-container

Render thousands of shared-texture sprites with PixiJS v8 ParticleContainer.

302|15|Updated Apr 1, 2026
One-click install
npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-particle-container
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pixijs-scene-particle-container
Source: https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs-scene-particle-container
Command: npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-scene-particle-container

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ParticleContainer enables high-performance rendering of many similar sprites by batching them under a single texture and limiting per-particle transforms, enabling scalable particle effects in PixiJS v8.

Core Features & Use Cases

  • Shared-texture rendering for thousands of particles
  • particleChildren array and addParticle usage
  • boundsArea enforcement for efficient culling and correct hit testing
  • dynamicProperties to control GPU uploads and animation

Quick Start

Create a ParticleContainer with a shared texture, configure boundsArea, populate it with Particle instances via addParticle, and attach it to the stage.

Frequently Asked Questions about pixijs-scene-particle-container

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render thousands of particles efficiently in PixiJS v8?▼

To render thousands of particles efficiently in PixiJS v8, use ParticleContainer. It batches lightweight sprites sharing a single texture and limits per-particle transforms to optimize GPU uploads for scalable particle effects.

What is the best way to build a bullet-hell visual style with many sprites in PixiJS?▼

The best way to build a bullet-hell visual style in PixiJS is using ParticleContainer. It leverages shared-texture rendering and the addParticle method with particleChildren to handle thousands of similar sprites efficiently.

Does PixiJS ParticleContainer require boundsArea for culling?▼

Yes, PixiJS ParticleContainer requires boundsArea for efficient culling and correct hit testing. Defining this area ensures the rendering engine properly manages visibility when displaying thousands of lightweight sprites.

How do I control GPU uploads for particle animations in PixiJS?▼

To control GPU uploads for particle animations in PixiJS, configure dynamicProperties within ParticleContainerOptions. This specifies which particle properties are uploaded to the GPU each frame, optimizing rendering performance.

When should I avoid using a shared texture for particle effects?▼

You should avoid using a shared texture for particle effects when sprites require different textures. ParticleContainer enforces a single shared texture to batch thousands of lightweight sprites, so diverse visual assets break this rendering optimization.