{"enrichment":{"faq":[{"a":"PixiJS v8's scene graph is a hierarchical tree structure where containers organize display objects and transforms propagate through the hierarchy. The scene graph model lets you build complex layouts by nesting containers\u2014each container can hold children, and transforms (position, rotation, scale) compose as you traverse from parent to child. PixiJS v8 renders by traversing this tree structure, applying accumulated transforms and culling invisible objects for performance.","q":"What is the pixijs scene graph and how does it work?"},{"a":"A PixiJS container is a display object that holds and organizes child display objects. Containers don't render visual content themselves\u2014they exist purely to group, transform, and manage children. Use containers when you need to move, rotate, or scale multiple objects together, or to organize your scene logically. Containers support render groups and culling, making them essential for performance optimization in complex scenes.","q":"How does pixi container work and when should I use it?"},{"a":"PixiJS sprites are leaf display objects that render actual visual content (textures), while containers are node objects that hold and organize children but render nothing themselves. Sprites cannot have children; containers can. Use sprites for visual elements like characters or UI icons, and containers to group and manage hierarchies of objects. This distinction is critical for understanding PixiJS v8's display object model.","q":"What's the difference between pixi sprite vs container?"},{"a":"PixiJS v8's render groups batch display objects into efficient GPU draw calls, reducing overhead. Culling automatically skips rendering objects outside the visible viewport or marked invisible, saving processing time. Together, these features dramatically improve performance in scenes with many objects. Render layers let you control draw order and apply effects to groups, while culling ensures only visible content reaches the GPU.","q":"How do render groups and culling optimize PixiJS rendering?"},{"a":"PixiJS v8 distinguishes local coordinates (relative to an object's parent) from world coordinates (absolute scene position). Each display object has a transform matrix that converts local to world space. When you set a sprite's x/y, you're working in local coordinates. To find an object's absolute position, PixiJS composes transforms up the hierarchy. Coordinate conversion is essential for hit detection, camera systems, and complex scene layouts.","q":"How do local and world coordinates differ in PixiJS scenes?"},{"a":"PixiJS v8 scene management best practices include: organize related objects into containers for logical grouping; use render groups to batch similar objects; enable culling for objects outside the viewport; leverage z-ordering through child order or sortableChildren; apply masking sparingly as it impacts performance; and keep transform hierarchies shallow when possible. Understanding the display list traversal order helps you predict render order and debug visual issues.","q":"What are the best practices for managing PixiJS v8 scene hierarchies?"}],"shadow_tags":["scene-hierarchy","render-pipeline","coordinate-systems","gpu-optimization","display-objects","tree-structure","transform-composition","visibility-control","performance-tuning","layer-management"],"summary_rewrite":"This skill equips you with foundational knowledge of PixiJS v8's scene graph model, covering how containers organize display objects and transforms propagate through the hierarchy. Learn the distinction between container nodes and leaf objects, and discover how the rendering pipeline traverses your scene structure to produce optimized 2D output."},"files":[{"bytes":15626,"path":"skills/pixijs-scene-core-concepts/SKILL.md","sha256":"ad9f459a74de66784d1ba7930fc080cfaf14b38a79f4e6a10185f23914998f40","url":"https://skillfed.io/files/pixijs/pixijs-skills/pixijs-scene-core-concepts/bfabed73/SKILL.md"}],"id":"pixijs/pixijs-skills/pixijs-scene-core-concepts","links":{"html":"https://skillfed.io/pixijs/pixijs-skills/pixijs-scene-core-concepts","md":"https://skillfed.io/pixijs/pixijs-skills/pixijs-scene-core-concepts.md","repo":"https://github.com/pixijs/pixijs-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":16,"language":null,"last_updated":"2026-06-04","license":"MIT","name":"pixijs-scene-core-concepts","publisher":"pixijs","stars":293},"relations":{"similar":[{"id":"pixijs/pixijs-skills/pixijs-scene-container"},{"id":"pixijs/pixijs-skills/pixijs"},{"id":"pixijs/pixijs-skills/pixijs-migration-v8"},{"id":"pixijs/pixijs-skills/pixijs-scene-particle-container"},{"id":"pixijs/pixijs-skills/pixijs-performance"},{"id":"pixijs/pixijs-skills/pixijs-scene-sprite"},{"id":"pixijs/pixijs-skills/pixijs-scene-dom-container"},{"id":"pixijs/pixijs-skills/pixijs-application"},{"id":"pixijs/pixijs-skills/pixijs-scene-mesh"},{"id":"pixijs/pixijs-skills/pixijs-math"}]},"slug":{"owner":"pixijs","repo":"pixijs-skills","skill":"pixijs-scene-core-concepts"},"version":"bfabed73"}