text-and-bitmaptext

Render canvas-based Text and BitmapText in Phaser 4 scenes.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill text-and-bitmaptext
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: text-and-bitmaptext
Source: https://github.com/Raphe-dev/phaser-cozy-mmo/tree/main/skills/text-and-bitmaptext
Command: npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill text-and-bitmaptext

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Displaying crisp text in Phaser 4 alongside high-performance bitmap text for UI and dynamic content.

Core Features & Use Cases

  • Text vs BitmapText: Canvas-based Text offers flexible styling and web fonts, while BitmapText provides fast rendering for frequently updating text like scores and timers.
  • Word wrap, alignment, and padding: supports wrapping, alignment options, and padding for polished UI.
  • Dynamic text updates and retro font support: includes dynamic updates and RetroFont/DynamicBitmapText features for per-character effects.

Quick Start

Render both canvas-based Text and BitmapText in a Phaser 4 scene to display UI text efficiently.

Frequently Asked Questions about text-and-bitmaptext

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display text and bitmap text in Phaser 4?

To display text and bitmap text in Phaser 4, use canvas-based Text for flexible styling and BitmapText for high-performance rendering of dynamic UI elements like scores and timers. Both can be rendered efficiently in a single scene.

What is the difference between Text and BitmapText in Phaser game UI?

Text in Phaser provides flexible styling using web fonts, while BitmapText offers faster rendering for frequently updating values. Text is ideal for styled messages, whereas BitmapText excels for dynamic score updates.

How do I apply word wrap and alignment to dynamic text in Phaser?

You apply word wrap and alignment to dynamic text in Phaser by configuring TextStyle options. This supports wrapping, custom alignment, and padding to ensure your UI text displays cleanly within defined boundaries.

Can I use RetroFont and DynamicBitmapText for per-character effects in Phaser?

Yes, you can use RetroFont and DynamicBitmapText in Phaser to achieve per-character effects. These features support dynamic text updates, allowing specialized animations and retro font rendering for game UI.

When should I use BitmapText instead of canvas-based Text in Phaser 4?

You should use BitmapText instead of canvas-based Text in Phaser 4 when you need fast rendering for frequently changing values like timers and scores. Use canvas-based Text when you require flexible styling and web font support.