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.