Pixi Tiling Sprite
This node displays a texture that repeats across the sprite's dimensions, creating a tiling pattern.
The Pixi Tiling Sprite creates repeating texture patterns in your Pixi scene.
The Pixi Tiling Sprite node creates a PIXI.TilingSprite that displays a repeating texture pattern. It's perfect for creating backgrounds, textures, and seamless patterns that can be scaled to any size.
Position
| Data | Description |
|---|
| X | Horizontal position |
| Y | Vertical position |
Dimensions
| Data | Description |
|---|
| Width | Tiling sprite width |
| Height | Tiling sprite height |
| Data | Description |
|---|
| Rotation | Rotation in radians |
| Scale X | Horizontal scale |
| Scale Y | Vertical scale |
| Pivot X | Horizontal pivot |
| Pivot Y | Vertical pivot |
| Anchor X | Horizontal anchor |
| Anchor Y | Vertical anchor |
Appearance
| Data | Description |
|---|
| Alpha | Transparency |
| Tint | Color tint |
| Visible | Visibility |
| Interactive | Interaction enable |
Texture
| Data | Description |
|---|
| Texture Image | Source image for tiling |
Tiling
| Data | Description |
|---|
| Tile Position X | Horizontal tile offset |
| Tile Position Y | Vertical tile offset |
| Tile Scale X | Horizontal tile scale |
| Tile Scale Y | Vertical tile scale |
Animation
| Data | Description |
|---|
| Ticker Enabled | Animation ticker |
| Ticker Speed | Animation speed |
| Animation Type | Animation type |
| Custom Animation Code | Custom animation 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 tiling sprite |
| Pointer Enter | Triggered when pointer enters the tiling sprite |
| Pointer Leave | Triggered when pointer leaves the tiling sprite |
| Pointer Move | Triggered when pointer moves over the tiling sprite |
| Data | Description |
|---|
| Node Reference | Node reference |
Usage
Pixi Tiling Sprite nodes are used to create repeating texture patterns in your Pixi scene. They support:
- Seamless texture tiling
- Dynamic sizing and scaling
- Tile position and scale control
- Interactive events
- Animation capabilities
Texture Requirements
For best results, use seamless textures that tile properly:
- Seamless edges for horizontal and vertical tiling
- Power-of-two dimensions (256x256, 512x512, etc.)
- Appropriate file formats (PNG, JPG, WebP)
- Use appropriately sized texture images
- Consider texture compression for large tiling areas
- Use Tile Scale to control texture density
- Animate Tile Position for scrolling effects
- Limit the number of large tiling sprites
Example Use Cases
- Backgrounds: Sky, ground, and environmental textures
- UI Patterns: Button textures and interface backgrounds
- Game Elements: Terrain, walls, and decorative patterns
- Animated Backgrounds: Scrolling clouds, water, or moving textures