SplitTextComponentOptions
Defined in: renderer/src/SplitTextComponent.ts:54
Options for creating a SplitTextComponent.
Extends
Section titled “Extends”Properties
Section titled “Properties”alpha?
Section titled “alpha?”
optionalalpha?:number
Defined in: renderer/src/VisualComponent.ts:47
Alpha (opacity). Default: 1.
Inherited from
Section titled “Inherited from”anchor?
Section titled “anchor?”
optionalanchor?:object
Defined in: renderer/src/SplitTextComponent.ts:63
Transform origin for the whole text block, normalized 0–1. Default: { x: 0, y: 0 } (top-left).
x:
number
y:
number
autoSplit?
Section titled “autoSplit?”
optionalautoSplit?:boolean
Defined in: renderer/src/SplitTextComponent.ts:80
Re-split automatically when text / style change. Default true.
Set false and call SplitTextComponent.resplit to batch updates.
bitmap?
Section titled “bitmap?”
optionalbitmap?:boolean
Defined in: renderer/src/SplitTextComponent.ts:69
Render the segments with a bitmap font (SplitBitmapText) instead of
canvas Text (SplitText). Pass the installed/baked font name as
style.fontFamily (and glyph size as style.fontSize).
blendMode?
Section titled “blendMode?”
optionalblendMode?:BLEND_MODES
Defined in: renderer/src/VisualComponent.ts:53
How this object’s pixels combine with what is drawn beneath it.
Default: "normal". See BlendMode for the modes that need
import "pixi.js/advanced-blend-modes".
Inherited from
Section titled “Inherited from”VisualComponentOptions.blendMode
charAnchor?
Section titled “charAnchor?”
optionalcharAnchor?:SegmentAnchor
Defined in: renderer/src/SplitTextComponent.ts:71
Transform origin for each character. Default 0 (top-left).
interactive?
Section titled “interactive?”
optionalinteractive?:VisualInteractiveOptions
Defined in: renderer/src/VisualComponent.ts:66
Make the container interactive. When set, Pixi eventMode is configured
so it participates in pointer hit-testing — required for any
.on("pointerdown", ...) listener to fire.
consumeOnInteraction: true additionally marks it as a UI-input surface
(via @yagejs/core’s consume registry), so a pointerdown landing on it
is auto-claimed by @yagejs/input — preventing the same press from also
firing gameplay action-map edges like MouseLeft. Default false: an
interactive container still propagates the action, matching the “I want
both Pixi events AND the action map” use case.
Inherited from
Section titled “Inherited from”VisualComponentOptions.interactive
layer?
Section titled “layer?”
optionallayer?:string
Defined in: renderer/src/VisualComponent.ts:41
Render layer name. Default: “default”.
Inherited from
Section titled “Inherited from”lineAnchor?
Section titled “lineAnchor?”
optionallineAnchor?:SegmentAnchor
Defined in: renderer/src/SplitTextComponent.ts:75
Transform origin for each line. Default 0 (top-left).
style?
Section titled “style?”
optionalstyle?:TextStyleOptions
Defined in: renderer/src/SplitTextComponent.ts:58
Text style — forwards to PixiJS TextStyleOptions (CSS-like font properties).
text:
string
Defined in: renderer/src/SplitTextComponent.ts:56
The text string to render and segment.
optionaltint?:ColorSource
Defined in: renderer/src/VisualComponent.ts:45
Tint color.
Inherited from
Section titled “Inherited from”visible?
Section titled “visible?”
optionalvisible?:boolean
Defined in: renderer/src/VisualComponent.ts:43
Initial visibility. Default: true.
Inherited from
Section titled “Inherited from”VisualComponentOptions.visible
wordAnchor?
Section titled “wordAnchor?”
optionalwordAnchor?:SegmentAnchor
Defined in: renderer/src/SplitTextComponent.ts:73
Transform origin for each word. Default 0 (top-left).