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.