pixijs-scene-container

Group and transform PixiJS v8 display objects with Container scene graphs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Container-based scene graph management in PixiJS v8, enabling grouping, positioning, and transforming nested display objects with robust options.

Core Features & Use Cases

  • Create and configure Container instances to organize your scene hierarchy
  • Manage transforms (position, scale, rotation, pivot, skew, alpha, tint) and z-index sorting
  • Coordinate space utilities (toGlobal, toLocal, getBounds, getLocalBounds, convert coordinates)
  • Per-frame updates via onRender and group-based rendering optimizations

Quick Start

Create a Container, configure basic options, and add children to build your scene graph.

Frequently Asked Questions about pixijs-scene-container

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

FAQPage Schema
How do I group and transform nested display objects in a PixiJS scene graph?▼

To group and transform nested display objects in a PixiJS scene graph, create a Container instance, configure its constructor options, and add children to build a hierarchical composition for complex UI and games.

How do I convert coordinates between global and local spaces in PixiJS?▼

Convert coordinates between global and local spaces in PixiJS using Container coordinate-space utilities like toGlobal, toLocal, and getBounds to accurately map positions across your nested scene graph hierarchy.

Can I manage position, scale, rotation, and skew transforms on grouped elements in PixiJS v8?▼

Yes, you can manage position, scale, rotation, pivot, skew, alpha, and tint transforms on grouped elements in PixiJS v8 by applying these properties directly to a parent Container to affect all child display objects.

What is the best way to optimize per-frame rendering for grouped UI elements in PixiJS?▼

Optimize per-frame rendering for grouped UI elements in PixiJS by utilizing the onRender lifecycle hook and group-based rendering optimizations available within the Container architecture to manage complex scene updates efficiently.

Does PixiJS support z-index sorting within a scene graph Container?▼

Yes, PixiJS supports z-index sorting within a scene graph Container, allowing developers to explicitly manage the rendering order of child display objects to ensure correct visual layering in complex UI and game scenes.