text-and-bitmaptext

Render flexible text in Phaser 4 using Text and BitmapText objects.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/arnaudruffin/dvx-phaser-game --skill text-and-bitmaptext-arnaudruffin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: text-and-bitmaptext
Source: https://github.com/arnaudruffin/dvx-phaser-game/tree/main/.agents/skills/text-and-bitmaptext
Command: npx skills add https://github.com/arnaudruffin/dvx-phaser-game --skill text-and-bitmaptext-arnaudruffin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rendering text in Phaser 4 can be challenging when balancing flexible styling and high-performance text rendering. This Skill provides guidance on using the Canvas-based Text and BitmapText objects to achieve crisp, responsive text for UI, scores, labels, and dynamic content.

Core Features & Use Cases

  • Combines Canvas Text and pre-rendered BitmapText for scalable UI and high-frequency updates.
  • Covers TextStyle configuration, word wrap, alignment, padding, and retro font usage for varied visuals.
  • Use Cases: menus, score / timer displays, in-game labels, and dynamic text effects that react to game state.

Quick Start

Create a Phaser scene and display dynamic text using the provided Text or BitmapText examples.

Frequently Asked Questions about text-and-bitmaptext

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

FAQPage Schema
How do I render dynamic text in Phaser 4 for score displays and menus?

Dynamic text in Phaser 4 is rendered using Canvas-based Text objects for flexible styling or BitmapText for high-frequency updates. Configure TextStyle properties like word wrap and alignment to create responsive UI overlays and in-game labels.

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

Text in Phaser uses Canvas rendering for flexible styling and dynamic updates, whereas BitmapText uses pre-rendered bitmap fonts for high-performance, scalable displays. Combining both achieves crisp UI overlays and retro visuals across 2D scenes.

How to configure word wrap and alignment for Phaser Text objects?

Configure word wrap and alignment for Phaser Text objects by adjusting TextStyle properties. Set fixed sizes and padding to control layout, ensuring dynamic labels and menu text react properly to game state changes without visual overflow.

Does Phaser 4 BitmapText support custom retro fonts for game labels?

Yes, Phaser 4 BitmapText supports custom retro font usage for game labels. By utilizing pre-rendered bitmap fonts, it provides scalable, high-performance text rendering ideal for static menus and dynamic score displays in 2D scenes.

When should I use BitmapText instead of Canvas Text in Phaser?

Use BitmapText instead of Canvas Text in Phaser when rendering high-frequency updates like timers or scores, as pre-rendered fonts perform better. Choose Canvas Text for flexible styling, dynamic word wrap, and varied visual alignment needs.

Can I update text content dynamically in a Phaser scene without losing styling?

Yes, you can update text content dynamically in a Phaser scene while maintaining styling. Both Text and BitmapText objects support dynamic updates that react to game state, preserving configured TextStyle properties like padding and alignment.