VisualComponent

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

Shared base for the renderer’s five visual components (Sprite, AnimatedSprite, Graphics, Text, SplitText). Carries the render-layer field, lazy effects host, mask lifecycle, scene-tree parenting, and the generic visible/tint/alpha/interactive vocabulary — every underlying Pixi display object supports all four directly on Container, so this operates on renderObject rather than each subclass re-deriving the same three-liner.

Subclasses provide renderObject (their concrete Pixi display object, created in their own constructor) and call applyVisualOptions once it exists — options can’t be applied during VisualComponent’s own constructor since renderObject isn’t assigned yet at that point.

Extends

Component

Extended by

Constructors

Constructor

new VisualComponent(layer): VisualComponent

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

Parameters

layer

string | undefined

Returns

VisualComponent

Overrides

Component.constructor

Properties

entity

entity: Entity

Defined in: core/dist/index.d.ts:2593

Back-reference to the owning entity. Set by the engine when the component is added to an entity. Do not set manually.

Inherited from

Component.entity

fx

readonly fx: EffectsHost

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

Component-scope effects host. .fx.addEffect(...) attaches a filter to this component’s render object; the effect is torn down automatically when the entity or component is destroyed. .fx.findEffect(definition) recovers the handle for the first matching effect after save/load.

layerName

readonly layerName: string

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

renderObject

abstract readonly renderObject: DisplayContainer

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

The underlying Pixi display object.

restorePriority

static restorePriority: number = 30

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

Snapshot restore order. On load, an entity’s components are re-added in ascending priority, so a component whose onAdd() reads a sibling can rely on lower-priority siblings being present and initialized. Undeclared = 100. Engine components reserve 0-99; game and addon components declare a value only when a sibling onAdd() dependency requires it. Equal priorities restore in save-time add order. Subclasses inherit their base class’s priority unless they declare their own.

Overrides

Component.restorePriority

Accessors

alpha

Get Signature

get alpha(): number

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

Get the container’s alpha (opacity).

Returns

number

Set Signature

set alpha(alpha): void

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

Set the container’s alpha (opacity).

Parameters

alpha

number

Returns

void

blendMode

Get Signature

get blendMode(): BLEND_MODES

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

Get the container’s blend mode.

Returns

BLEND_MODES

Set Signature

set blendMode(mode): void

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

Set how the container combines with what is drawn beneath it.

Parameters

mode

BLEND_MODES

Returns

void

context

Get Signature

get context(): EngineContext

Defined in: core/dist/index.d.ts:2627

Access the EngineContext from the entity’s scene. Throws if the entity is not in a scene.

Returns

EngineContext

Inherited from

Component.context

effectiveEnabled

Get Signature

get effectiveEnabled(): boolean

Defined in: core/dist/index.d.ts:2616

Whether the component is actually running: enabled, on an active entity, and past onAdd. This is the state onEnable and onDisable track — read it when a method has to behave one way live and another way dormant.

Returns

boolean

Inherited from

Component.effectiveEnabled

enabled

Get Signature

get enabled(): boolean

Defined in: core/dist/index.d.ts:2608

Whether this component runs. Disabled components are skipped by ComponentUpdateSystem.

Writing this fires onEnable / onDisable when the effective state changes — enabled && entity.isActive. A component disabled here stays disabled through a setActive(false) / setActive(true) cycle on its entity.

Returns

boolean

Set Signature

set enabled(value): void

Defined in: core/dist/index.d.ts:2609

Parameters

value

boolean

Returns

void

Inherited from

AnimationController.enabled

mask

Get Signature

get mask(): MaskHandle | undefined

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

The currently attached mask handle, if any. Useful after save/load to recover a handle whose caller-side reference went stale.

Returns

MaskHandle | undefined

scene

Get Signature

get scene(): Scene

Defined in: core/dist/index.d.ts:2622

Access the entity’s scene. Throws if the entity is not in a scene. Prefer this over threading through this.entity.scene in component code.

Returns

Scene

Inherited from

Component.scene

tint

Get Signature

get tint(): number

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

Get the container’s tint color.

Returns

number

Set Signature

set tint(color): void

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

Set the container’s tint color.

Parameters

color

ColorSource

Returns

void

visible

Get Signature

get visible(): boolean

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

Get the requested visibility, whatever the entity’s activeness.

Returns

boolean

Set Signature

set visible(value): void

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

Set the container’s visibility. Written while the entity is dormant, it is remembered and applied when the entity is activated.

Parameters

value

boolean

Returns

void

Methods

_applyEnabled()

_applyEnabled(effective): void

Defined in: core/dist/index.d.ts:2681

Internal

Force an effective-enabled transition, firing the hook on a flip. Used by Entity for teardown, where enabled and the entity’s activeness both still read true.

Parameters

effective

boolean

Returns

void

Inherited from

Component._applyEnabled

_refreshEnabled()

_refreshEnabled(): void

Defined in: core/dist/index.d.ts:2674

Internal

Recompute effective enabled-ness from enabled and the entity’s activeness, firing the hook on a flip.

Returns

void

Inherited from

Component._refreshEnabled

_runCleanups()

_runCleanups(): void

Defined in: core/dist/index.d.ts:2668

Internal

Run and clear all registered cleanups. Called by Entity.remove() and Entity._performDestroy() before onRemove/onDestroy.

Returns

void

Inherited from

Component._runCleanups

addCleanup()

protected addCleanup(fn): void

Defined in: core/dist/index.d.ts:2662

Parameters

fn

() => void

Returns

void

Inherited from

Component.addCleanup

afterRestore()?

optional afterRestore(data, resolve): void

Defined in: core/dist/index.d.ts:2735

Called after onAdd() during save/load restoration. Apply state that depends on onAdd() having run.

Parameters

data

unknown

resolve

SnapshotResolver

Returns

void

Inherited from

Component.afterRestore

applyVisualOptions()

protected applyVisualOptions(options): void

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

Apply the shared visible/tint/alpha/interactive options to renderObject. Call once from the subclass constructor, after the concrete Pixi object is created.

Parameters

options

VisualComponentOptions

Returns

void

clearMask()

clearMask(): void

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

Detach and destroy the current mask, if any.

Returns

void

destroyOptions()

protected destroyOptions(): DestroyOptions | undefined

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

Pixi destroy options passed to renderObject.destroy(). Default: undefined (Pixi’s own defaults). Override for a component whose destroy must cascade to children (SplitText’s per-segment display objects).

Returns

DestroyOptions | undefined

fixedUpdate()?

optional fixedUpdate(dt): void

Defined in: core/dist/index.d.ts:2720

Called every fixed timestep by the built-in ComponentUpdateSystem.

Parameters

dt

number

Fixed timestep in seconds, scaled by scene and entity timeScale.

Returns

void

Inherited from

Component.fixedUpdate

inspectRender()

inspectRender(): object

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

Derived render facet for the Inspector — world-space bounds and the component’s own (local, non-inherited) visible flag, computed on demand from the live render object. Not part of serialize(); see computeRenderFacet for the bounds coordinate space.

Returns

bounds

bounds: { height: number; width: number; x: number; y: number; } | null

Axis-aligned bounding box of the component’s geometry, in world space (the same coordinate space the Inspector reports for entity.transform — pixels, before camera/viewport projection). Measured from the geometry itself, so a sized-but-hidden object still reports its real box; null means there is no measurable geometry at all (an empty Graphics, a zero-area object), NOT that the object is hidden. Read RenderFacetSnapshot.visible for the hidden/shown state.

visible

visible: boolean

The component’s own (local, non-inherited) visibility flag at snapshot time. A hidden ancestor (e.g. a parent/layer container set invisible) is NOT folded in — read the relevant parent separately if you need the fully resolved on-screen state.

listen()

protected listen<T>(entity, token, handler): void

Defined in: core/dist/index.d.ts:2654

Subscribe to events on any entity, auto-unsubscribe on removal.

Type Parameters

T

T

Parameters

entity

Entity

token

EventToken<T>

handler

(data) => void

Returns

void

Inherited from

Component.listen

listenScene()

protected listenScene<T>(token, handler): void

Defined in: core/dist/index.d.ts:2660

Subscribe to scene-level events, auto-unsubscribe on removal. Handlers fire for bubbled entity events (entity = source) and scene.emit events (entity = undefined).

Type Parameters

T

T

Parameters

token

EventToken<T>

handler

(data, entity?) => void

Returns

void

Inherited from

Component.listenScene

onAdd()

onAdd(): void

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

Called when the component is added to an entity. Validate dependencies here — a service, a sibling component, a render layer — and throw when one is missing. The throw is attributed to this component, recorded in Inspector.getErrors().callbackErrors, and rethrown, so it reaches the caller of entity.add() unchanged.

Returns

void

Overrides

Component.onAdd

onDestroy()

onDestroy(): void

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

Called when the component is destroyed (entity destroyed or component removed).

Returns

void

Overrides

Component.onDestroy

onDisable()

onDisable(): void

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

Called when the component stops being effectively enabled — enabled went false, the entity (or an ancestor) was deactivated, or the component is being removed or destroyed. Put live resources to sleep here; the component is reused afterwards, so do not free anything onEnable cannot rebuild.

Returns

void

Overrides

Component.onDisable

onEnable()

onEnable(): void

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

Called when the component becomes effectively enabled — enabled is true and the entity is active. Fires right after onAdd() for a component added to an active entity, and again on every later flip. Bring live resources back online here (unpause a sound, show a display object, re-enable a physics body). Game-state reset does not belong here: the hook sees whatever state the component held while dormant.

Returns

void

Overrides

Component.onEnable

onRemove()?

optional onRemove(): void

Defined in: core/dist/index.d.ts:2708

Called when the component is removed from an entity.

Returns

void

Inherited from

Component.onRemove

restoreVisual()

protected restoreVisual(data): void

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

Restore effects and mask from a snapshot’s shared fields. Call from the subclass’s afterRestore, after the render object is parented.

Parameters

data

Pick<VisualComponentData, "effects" | "mask">

Returns

void

serialize()?

optional serialize(): unknown

Defined in: core/dist/index.d.ts:2733

Return a JSON-serializable snapshot of this component’s state. Used by the save system.

Returns

unknown

Inherited from

Component.serialize

serializeVisual()

protected serializeVisual(): VisualComponentData

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

Serialise the shared layer/visible/tint/alpha/blendMode/interactive/ effects/mask fields. Subclasses spread this into their own Data object alongside their own-specific fields (texture key, text, anchor, …).

Returns

VisualComponentData

service()

protected service<T>(key): T

Defined in: core/dist/index.d.ts:2644

Lazy proxy-based service resolution. Can be used at field-declaration time:

readonly input = this.service(InputManagerKey);

The actual resolution is deferred until first property access.

Type Parameters

T

T extends object

Parameters

key

ServiceKey<T>

Returns

T

Inherited from

Component.service

setMask()

setMask(factory): MaskHandle

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

Attach a mask to this component’s render object, replacing any existing mask. Returns a handle for inverse toggling, redraw (graphicsMask), or removal. The mask is torn down automatically when the component is destroyed.

Parameters

factory

MaskFactory

Returns

MaskHandle

sibling()

protected sibling<C>(cls): C

Defined in: core/dist/index.d.ts:2652

Lazy proxy-based sibling component resolution. Can be used at field-declaration time:

readonly anim = this.sibling(AnimatedSpriteComponent);

The actual resolution is deferred until first property access.

Type Parameters

C

C extends Component

Parameters

cls

ComponentClass<C>

Returns

C

Inherited from

Component.sibling

update()?

optional update(dt): void

Defined in: core/dist/index.d.ts:2715

Called every frame by the built-in ComponentUpdateSystem.

Parameters

dt

number

Frame delta in seconds, scaled by scene and entity timeScale.

Returns

void

Inherited from

Component.update

use()

protected use<T>(key): T

Defined in: core/dist/index.d.ts:2635

Resolve a service by key, cached after first lookup. Scene-scoped values (registered via scene._registerScoped) take precedence over engine scope. A key declared with scope: "scene" that falls back to engine scope emits a one-shot dev warning — almost always signals a missed beforeEnter hook.

Type Parameters

T

T

Parameters

key

ServiceKey<T>

Returns

T

Inherited from

Component.use