Pixi BitmapText
This node displays text using bitmap fonts for consistent rendering across platforms.
The Pixi BitmapText renders text using bitmap fonts for optimal performance.
The Pixi BitmapText node creates a PIXI.BitmapText object that displays text using bitmap fonts. This provides consistent rendering across all platforms and better performance for large amounts of text compared to regular text nodes.
Position
| Data | Description |
|---|
| X | Horizontal position |
| Y | Vertical position |
| Data | Description |
|---|
| Rotation | Rotation in radians |
| Scale X | Horizontal scale |
| Scale Y | Vertical scale |
| Pivot X | Horizontal pivot |
| Pivot Y | Vertical pivot |
Appearance
| Data | Description |
|---|
| Alpha | Transparency |
| Tint | Color tint |
| Visible | Visibility |
| Interactive | Interaction enable |
Text
| Data | Description |
|---|
| Text | Text content to display |
Font
| Data | Description |
|---|
| Font Key | Bitmap font key/name |
| Font Size | Font size in pixels |
| Align | Text alignment |
| Letter Spacing | Character spacing |
| Max Width | Maximum text width |
Filters
| Data | Description |
|---|
| Enable Blur | Blur filter |
| Blur Amount | Blur intensity |
| Enable Color Matrix | Color matrix filter |
| Enable Displacement | Displacement filter |
Animation
| Data | Description |
|---|
| Ticker Enabled | Animation ticker |
| Ticker Speed | Animation speed |
| Animation Type | Animation type |
| Custom Animation Code | Custom animation code |
Outputs
| Data | Description |
|---|
| Text Width | Current text width |
| Text Height | Current text height |
| Node Reference | Node reference |
| Signal | Description |
|---|
| Pointer Down | Triggered when pointer is pressed down |
| Pointer Up | Triggered when pointer is released |
| Pointer Tap | Triggered when pointer taps the text |
| Pointer Enter | Triggered when pointer enters the text |
| Pointer Leave | Triggered when pointer leaves the text |
| Pointer Move | Triggered when pointer moves over the text |
Usage
Pixi BitmapText nodes are used to display text using bitmap fonts in your Pixi scene. They provide:
- Consistent rendering across platforms
- Better performance for large text amounts
- Fixed character sets and styling
- Interactive events
- Animation capabilities
Bitmap Font Requirements
Bitmap fonts require:
- Font Key: Identifier for the loaded bitmap font
- Font Size: Size in pixels (must match the loaded font)
- Character Set: Limited to characters included in the font
- Use bitmap fonts for large amounts of text
- Choose appropriate Font Size for your display needs
- Use Max Width for text wrapping
- Consider Letter Spacing for readability
- Monitor Text Width and Text Height for layout
Example Use Cases
- Game UI: Score displays, player names, and game text
- Performance-Critical Text: Large amounts of dynamic text
- Consistent Styling: Text that must look identical across devices
- Fixed Character Sets: Numeric displays and limited text content