Pixi Container
This node groups Pixi objects and applies transforms hierarchically. It serves as a parent container for other Pixi elements.
The Pixi Container allows you to organize and transform groups of Pixi objects together.
The Pixi Container node creates a PIXI.Container that can hold multiple child Pixi objects. It applies transforms (position, rotation, scale) to all its children as a group, making it perfect for organizing complex scenes and creating hierarchical transformations.
Position
| Data | Description |
|---|
| X | Horizontal position of the container |
| Y | Vertical position of the container |
| Data | Description |
|---|
| Rotation | Rotation in radians |
| Scale X | Horizontal scale factor |
| Scale Y | Vertical scale factor |
| Pivot X | Horizontal pivot point |
| Pivot Y | Vertical pivot point |
Appearance
| Data | Description |
|---|
| Alpha | Transparency level (0-1) |
| Tint | Color tint applied to the container |
| Blend Mode | Blending mode for rendering |
| Visible | Controls visibility |
Interaction
| Data | Description |
|---|
| Interactive | Enables pointer interaction |
Advanced
| Data | Description |
|---|
| Sort Children by Z | Enables z-index sorting |
| Z Index | Rendering order |
Filters
| Data | Description |
|---|
| Enable Blur | Enables blur filter |
| Blur Amount | Blur intensity |
| Blur Quality | Blur quality setting |
Animation
| Data | Description |
|---|
| Ticker Enabled | Enables animation ticker |
| Ticker Speed | Animation speed |
| Animation Type | Animation type (rotate, pulse, blink, moveX, moveY, custom) |
| Custom Animation Code | Custom animation JavaScript code |
Outputs
| Signal | Description |
|---|
| Pointer Down | Triggered when pointer is pressed down |
| Pointer Up | Triggered when pointer is released |
| Pointer Tap | Triggered when pointer taps the container |
| Pointer Enter | Triggered when pointer enters the container |
| Pointer Leave | Triggered when pointer leaves the container |
| Pointer Move | Triggered when pointer moves over the container |
| Data | Description |
|---|
| Node Reference | Reference to this node instance |
Usage
Pixi Container nodes are essential for organizing complex Pixi scenes. They allow you to:
- Group related objects together
- Apply transforms to multiple objects at once
- Create hierarchical scene structures
- Manage z-index ordering
- Apply filters to groups of objects
Example Use Cases
- Character Groups: Group a character's body parts together for coordinated movement
- UI Panels: Organize UI elements within containers for easy positioning
- Scene Layers: Create background, midground, and foreground layers
- Animation Groups: Group objects that animate together
- Use containers sparingly for complex scenes
- Enable Sort Children by Z only when needed
- Consider using Z Index for simple layering instead of complex hierarchies