text-and-bitmaptext

Render and style Text and BitmapText objects in Phaser 4.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/jallard-007/jallard-ca-server --skill text-and-bitmaptext-jallard-007
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: text-and-bitmaptext
Source: https://github.com/jallard-007/jallard-ca-server/tree/main/.github/skills/text-and-bitmaptext
Command: npx skills add https://github.com/jallard-007/jallard-ca-server --skill text-and-bitmaptext-jallard-007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Display and style text in Phaser 4 across UI and gameplay, covering Text, BitmapText, dynamic text, fonts, alignment, and wrapping for consistent typography.

Core Features & Use Cases

  • Create Text with flexible styling for UI and in-game dialogue.
  • Use BitmapText for high-speed rendering of scores, timers, and frequently updated text.
  • Support word wrap, alignment, padding, and dynamic text updates; include retro fonts and font metrics for precise typography.

Quick Start

Create a simple scene that renders both Text and BitmapText with basic styling.

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 and style text in Phaser 4 for UI labels and in-game prompts?

To display and style Phaser 4 text, use the built-in Text objects for flexible styling of UI labels and dialogue, or BitmapText for retro fonts. You can apply word wrap, alignment, padding, and dynamic updates directly through Phaser text APIs.

What's the best way to render frequently updated scores and timers in Phaser 4?

The best way to render frequently updated scores and timers in Phaser 4 is using BitmapText objects. BitmapText provides high-speed rendering by relying on pre-generated bitmap font assets and font metrics instead of dynamically drawing vector webfonts.

Does Phaser 4 support word wrap and dynamic text updates at runtime?

Yes, Phaser 4 supports word wrap and dynamic text updates at runtime. You can configure word wrapping, alignment, and padding on Text and BitmapText objects to ensure consistent typography as dynamic text content changes during gameplay.

How do I use bitmap fonts and webfonts in Phaser 4?

You can use webfonts with standard Text objects for flexible styling and bitmap fonts with BitmapText objects for retro aesthetics. Implementing bitmap font handling requires optional bitmap font assets alongside Phaser text APIs to achieve precise typography metrics.

When should I use BitmapText instead of Text objects in Phaser 4?

You should use BitmapText instead of Text objects in Phaser 4 when rendering frequently updated text like scores or timers. BitmapText delivers high-speed rendering, whereas standard Text objects are better suited for flexible styling and complex UI dialogue.