Scalable UI panel with preserved corner and edge fidelity.
The Pixi NineSlicePlane node renders a 9-slice scalable plane from an image so corners/edges stay crisp while the center stretches to fit.
| Data | Description |
|---|
| X | Position X |
| Y | Position Y |
| Alpha | Transparency (0-1) |
| Rotation | Rotation in radians |
| Scale X | Horizontal scale |
| Scale Y | Vertical scale |
| Pivot X | Pivot X |
| Pivot Y | Pivot Y |
| Visible | Visibility toggle |
| Interactive | Enable pointer interaction |
| zIndex | Render order |
Size
| Data | Description |
|---|
| Width | Target width (default: 200) |
| Height | Target height (default: 100) |
Texture
| Data | Description |
|---|
| Image | Image URL for the plane texture |
9-slice Margins
| Data | Description |
|---|
| Left Width | Left margin (default: 10) |
| Top Height | Top margin (default: 10) |
| Right Width | Right margin (default: 10) |
| Bottom Height | Bottom margin (default: 10) |
Color & Blend
| Data | Description |
|---|
| Tint | Tint color (default: #FFFFFF) |
| Blend Mode | Rendering blend mode |
Signals
| Signal | Description |
|---|
| Update Now | Force immediate update |
Outputs
| Data | Description |
|---|
| Texture Loaded | Boolean indicating texture load status |
| Texture Loading | Boolean indicating loading state |
| Natural Width | Intrinsic texture width |
| Natural Height | Intrinsic texture height |
| Node Reference | Node reference |
Usage
- Provide an Image and set margins to define preserved regions.
- Adjust Width/Height to scale without distorting corners.