CrimsonCombatText · Lesson 4 of 8

Create the Combat Text Widget & Point Settings

Beginner4 minUISetup

Before you start

  • Completed: Create the Motion Set & Style Registry
Video coming soon

Chapters

1. Create the widget

Content Browser → Crimson → Combat Text → Combat Text Widget, named WBP_CrimsonCombatText. Add a Rich Text Block named TextBlock and formatted text works for free — the base class drives it. No graph code required.

Widget Blueprint with a Rich Text Block named TextBlock.
Both binds are optional
TextBlock and TextBorder are optional binds. Bind neither and implement the On Combat Text Applied event instead if you'd rather drive your own visuals.
The widget is a passive view
Views carry no motion, no timing, and no lifetime — the subsystem owns all of that and marks widgets DisableNativeTick. Don't animate position in the widget; author it as a motion preset instead.

2. The text style set

Assign a Text Style Set DataTable to the TextBlock with rows matching your style's ValueStyleTag / PrefixStyleTag (both Default out of the box) — that's how a style's names resolve to real fonts and colors. Without them the text renders unstyled.

3. Point Project Settings at your assets

Project Settings → Crimson → Crimson Combat Text: set Registry Path and Widget Class Path to your assets (async-loaded at startup), leave Renderer Class as the widget renderer, and pick a Number FormatCommaSeparated, Abbreviated (1.2M, 3.4K), or Raw.

Project Settings → Crimson → Crimson Combat Text.