pixijs-scene-core-concepts

star 3

Use for PixiJS v8 scene graph concepts: containers vs leaves, transforms, local/world coordinates, render order, masks, RenderLayer, render groups, culling, scene management.

Xopoko By Xopoko schedule Updated 6/12/2026

name: pixijs-scene-core-concepts description: "Use for PixiJS v8 scene graph concepts: containers vs leaves, transforms, local/world coordinates, render order, masks, RenderLayer, render groups, culling, scene management." license: MIT

Use this for the mental model of the PixiJS scene graph before choosing a concrete scene-object skill.

Model

  • app.stage is the root Container.
  • Containers hold children; renderable leaves such as Sprite, Graphics, Text, and Mesh do not hold children.
  • Every node has local transforms that compose into world transforms.
  • Render order is parent traversal plus child order, sortableChildren/zIndex, layers, masks, filters, and render groups.
  • Bounds, masks, culling, and coordinate conversion depend on this hierarchy.

Route Deeper

Common Fixes

  • Need a group: use Container, not Sprite/Graphics/Text as a parent.
  • Wrong position math: identify the local space first, then use toLocal / toGlobal.
  • Overusing render groups: reserve them for independently moved large subtrees or layering needs.
Install via CLI
npx skills add https://github.com/Xopoko/plug-n-skills --skill pixijs-scene-core-concepts
Repository Details
star Stars 3
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator