Skip to content

VisualComponentOptions

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

Options shared by all five visual components.

optional alpha?: number

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

Alpha (opacity). Default: 1.


optional blendMode?: 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".


optional interactive?: 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.


optional layer?: string

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

Render layer name. Default: “default”.


optional tint?: ColorSource

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

Tint color.


optional visible?: boolean

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

Initial visibility. Default: true.