UIPanel

Defined in: ui/src/UIPanel.ts:296

Root UI panel component. Added to an entity via entity.add(new UIPanel({…})). Provides builder methods (.text(), .button(), .panel()) for constructing UI trees. Layout is driven by UILayoutSystem each frame.

Extends

Component

Constructors

Constructor

new UIPanel(opts?): UIPanel

Defined in: ui/src/UIPanel.ts:302

Parameters

opts?

UIPanelOptions

Returns

UIPanel

Overrides

Component.constructor

Properties

_anchor

readonly _anchor: Anchor | undefined

Defined in: ui/src/UIPanel.ts:298

Internal

_layer

readonly _layer: string | undefined

Defined in: ui/src/UIPanel.ts:300

Internal

_node

readonly _node: PanelNode

Defined in: ui/src/UIPanel.ts:297

Internal

_offset

readonly _offset: object

Defined in: ui/src/UIPanel.ts:299

Internal

x

x: number

y

y: number

enabled

enabled: boolean

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

Whether this component is active. Disabled components are skipped by ComponentUpdateSystem.

Inherited from

Component.enabled

entity

entity: Entity

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

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

Accessors

container

Get Signature

get container(): Container

Defined in: ui/src/UIPanel.ts:311

The PixiJS Container for this panel.

Returns

Container

context

Get Signature

get context(): EngineContext

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

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

Returns

EngineContext

Inherited from

Component.context

scene

Get Signature

get scene(): Scene

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

Access the entity’s scene. Throws if the entity is not in a scene. Prefer this over this.entity.scene! in component methods.

Returns

Scene

Inherited from

Component.scene

visible

Get Signature

get visible(): boolean

Defined in: ui/src/UIPanel.ts:331

Whether this panel is visible.

Returns

boolean

Set Signature

set visible(v): void

Defined in: ui/src/UIPanel.ts:335

Parameters

v

boolean

Returns

void

Methods

_runCleanups()

_runCleanups(): void

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

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:578

Parameters

fn

() => void

Returns

void

Inherited from

Component.addCleanup

afterRestore()?

optional afterRestore(data, resolve): void

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

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

button()

button(label, opts): UIButton

Defined in: ui/src/UIPanel.ts:321

Add a button element.

Parameters

label

string

opts

Omit<UIButtonProps, "children">

Returns

UIButton

fixedUpdate()?

optional fixedUpdate(dt): void

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

Called every fixed timestep by the built-in ComponentUpdateSystem.

Parameters

dt

number

Returns

void

Inherited from

Component.fixedUpdate

listen()

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

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

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:576

Subscribe to scene-level bubbled events, auto-unsubscribe on removal.

Type Parameters

T

T

Parameters

token

EventToken<T>

handler

(data, entity) => void

Returns

void

Inherited from

Component.listenScene

onAdd()

onAdd(): void

Defined in: ui/src/UIPanel.ts:339

Called when the component is added to an entity.

Returns

void

Overrides

Component.onAdd

onDestroy()

onDestroy(): void

Defined in: ui/src/UIPanel.ts:355

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

Returns

void

Overrides

Component.onDestroy

onRemove()?

optional onRemove(): void

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

Called when the component is removed from an entity.

Returns

void

Inherited from

Component.onRemove

panel()

panel(opts?): PanelNode

Defined in: ui/src/UIPanel.ts:326

Add a nested child panel.

Parameters

opts?

PanelProps

Returns

PanelNode

serialize()?

optional serialize(): unknown

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

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

Returns

unknown

Inherited from

Component.serialize

service()

protected service<T>(key): T

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

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

readonly camera = this.service(CameraKey);

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

sibling()

protected sibling<C>(cls): C

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

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

text()

text(content, style?): UIText

Defined in: ui/src/UIPanel.ts:316

Add a text element.

Parameters

content

string

style?

Partial<TextStyleOptions>

Returns

UIText

update()?

optional update(dt): void

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

Called every frame by the built-in ComponentUpdateSystem.

Parameters

dt

number

Returns

void

Inherited from

Component.update

use()

protected use<T>(key): T

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

Resolve a service by key, cached after first lookup.

Type Parameters

T

T

Parameters

key

ServiceKey<T>

Returns

T

Inherited from

Component.use