Skip to content

SplitTextComponentOptions

Defined in: renderer/src/SplitTextComponent.ts:48

Options for creating a SplitTextComponent.

optional alpha?: number

Defined in: renderer/src/VisualComponent.ts:47

Alpha (opacity). Default: 1.

VisualComponentOptions.alpha


optional anchor?: object

Defined in: renderer/src/SplitTextComponent.ts:57

Transform origin for the whole text block, normalized 0–1. Default: { x: 0, y: 0 } (top-left).

x: number

y: number


optional autoSplit?: boolean

Defined in: renderer/src/SplitTextComponent.ts:74

Re-split automatically when text / style change. Default true. Set false and call SplitTextComponent.resplit to batch updates.


optional bitmap?: boolean

Defined in: renderer/src/SplitTextComponent.ts:63

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).


optional blendMode?: BLEND_MODES

Defined in: renderer/src/VisualComponent.ts:55

How this object’s pixels combine with what is drawn beneath it. Default: "inherit" — the mode of the nearest ancestor that sets one, which is "normal" unless a parent changed it. Set it explicitly to "normal" inside a group that uses another mode. See BlendMode for the modes that need import "pixi.js/advanced-blend-modes".

VisualComponentOptions.blendMode


optional charAnchor?: SegmentAnchor

Defined in: renderer/src/SplitTextComponent.ts:65

Transform origin for each character. Default 0 (top-left).


optional interactive?: VisualInteractiveOptions

Defined in: renderer/src/VisualComponent.ts:68

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.

VisualComponentOptions.interactive


optional layer?: string

Defined in: renderer/src/VisualComponent.ts:41

Render layer name. Default: “default”.

VisualComponentOptions.layer


optional lineAnchor?: SegmentAnchor

Defined in: renderer/src/SplitTextComponent.ts:69

Transform origin for each line. Default 0 (top-left).


optional renderAboveEffects?: boolean

Defined in: renderer/src/VisualComponent.ts:74

Draw this visual after the scene’s layers, outside every layer- and scene-scope effect and mask. Default false. See VisualComponent.renderAboveEffects.

VisualComponentOptions.renderAboveEffects


optional style?: TextStyleOptions

Defined in: renderer/src/SplitTextComponent.ts:52

Text style — forwards to PixiJS TextStyleOptions (CSS-like font properties).


text: string

Defined in: renderer/src/SplitTextComponent.ts:50

The text string to render and segment.


optional tint?: ColorSource

Defined in: renderer/src/VisualComponent.ts:45

Tint color.

VisualComponentOptions.tint


optional visible?: boolean

Defined in: renderer/src/VisualComponent.ts:43

Initial visibility. Default: true.

VisualComponentOptions.visible


optional wordAnchor?: SegmentAnchor

Defined in: renderer/src/SplitTextComponent.ts:67

Transform origin for each word. Default 0 (top-left).

Coding agents: fetch https://yage.dev/llms.txt first and prefer the Markdown references it links over these HTML pages. This page's Markdown counterpart is /llms/packages/renderer.md.