Skip to content

Container

Defined in: display/Container.ts:62

The Container class extends the _Container class (which includes the Animated and Factory mixins) and implements the IContainer interface. It represents a container for PIXI.js display objects.

  • IFactory<{ animatedSprite: (props?) => AnimatedSprite; bitmapText: (props?) => BitmapText; button: (props?) => Button; container: (props?) => Container; existing: <TEntity>(entity, props?) => TEntity; flexContainer: (props?) => FlexContainer; graphics: (props?) => Graphics; htmlText: (props?) => HTMLText; particleContainer: (props?) => ParticleContainer; spine: (props?) => Spine; spineAnimation: <ANames>(props?) => SpineAnimation<ANames>; sprite: (props?) => Sprite; text: (props?) => Text; texture: (props?) => Texture; tilingSprite: (props?) => TilingSprite; toaster: (toasterConfig?, defaultToastConfig) => Toaster; uiCanvas: (props?) => UICanvas; svg: Svg; }, this> & ISignalContainer & IAnimated

new Container(config): Container

Defined in: display/Container.ts:101

The constructor for the Container class.

Partial<ContainerConfig> = {}

The configuration for the container.

Container

Animated(WithSignals(Factory())).constructor

add: object

Defined in: mixins/factory/Factory.ts:6

animatedSprite: (props?) => AnimatedSprite

Partial<AnimatedSpriteProps>

AnimatedSprite

bitmapText: (props?) => BitmapText

Partial<BitmapTextProps>

BitmapText

button: (props?) => Button

Partial<ButtonProps>

Button

container: (props?) => Container

Partial<ContainerProps>

Container

existing: <TEntity>(entity, props?) => TEntity

TEntity

TEntity

Partial<ExistingProps>

TEntity

flexContainer: (props?) => FlexContainer

Partial<FlexContainerProps>

FlexContainer

graphics: (props?) => Graphics

Partial<GraphicsProps>

Graphics

htmlText: (props?) => HTMLText

Partial<HTMLTextProps>

HTMLText

particleContainer: (props?) => ParticleContainer

Partial<ParticleContainerProps>

ParticleContainer

spine: (props?) => Spine

Partial<SpineProps>

Spine

spineAnimation: <ANames>(props?) => SpineAnimation<ANames>

ANames extends string = string

Partial<SpineProps>

SpineAnimation<ANames>

sprite: (props?) => Sprite

Partial<SpriteProps>

Sprite

text: (props?) => Text

Partial<TextProps>

Text

texture: (props?) => Texture = resolveTexture

Partial<TextureProps>

Texture

tilingSprite: (props?) => TilingSprite

Partial<TilingSpriteProps>

TilingSprite

toaster: (toasterConfig?, defaultToastConfig) => Toaster

Partial<ToasterConfig>

Partial<ToastConfig> = {}

Toaster

uiCanvas: (props?) => UICanvas

Partial<UICanvasFactoryProps>

UICanvas

svg(props): Svg

WithRequiredProps<SvgProps, "ctx">

Svg

Animated(WithSignals(Factory())).add


make: object

Defined in: mixins/factory/Factory.ts:7

animatedSprite: (props?) => AnimatedSprite

Partial<AnimatedSpriteProps>

AnimatedSprite

bitmapText: (props?) => BitmapText

Partial<BitmapTextProps>

BitmapText

button: (props?) => Button

Partial<ButtonProps>

Button

container: (props?) => Container

Partial<ContainerProps>

Container

existing: <TEntity>(entity, props?) => TEntity

TEntity

TEntity

Partial<ExistingProps>

TEntity

flexContainer: (props?) => FlexContainer

Partial<FlexContainerProps>

FlexContainer

graphics: (props?) => Graphics

Partial<GraphicsProps>

Graphics

htmlText: (props?) => HTMLText

Partial<HTMLTextProps>

HTMLText

particleContainer: (props?) => ParticleContainer

Partial<ParticleContainerProps>

ParticleContainer

spine: (props?) => Spine

Partial<SpineProps>

Spine

spineAnimation: <ANames>(props?) => SpineAnimation<ANames>

ANames extends string = string

Partial<SpineProps>

SpineAnimation<ANames>

sprite: (props?) => Sprite

Partial<SpriteProps>

Sprite

text: (props?) => Text

Partial<TextProps>

Text

texture: (props?) => Texture = resolveTexture

Partial<TextureProps>

Texture

tilingSprite: (props?) => TilingSprite

Partial<TilingSpriteProps>

TilingSprite

toaster: (toasterConfig?, defaultToastConfig) => Toaster

Partial<ToasterConfig>

Partial<ToastConfig> = {}

Toaster

uiCanvas: (props?) => UICanvas

Partial<UICanvasFactoryProps>

UICanvas

svg(props): Svg

WithRequiredProps<SvgProps, "ctx">

Svg

Animated(WithSignals(Factory())).make


onAnimationComplete: Signal<(entity) => void>

Defined in: mixins/animated.ts:37

Animated(WithSignals(Factory())).onAnimationComplete


onAnimationStart: Signal<(entity) => void>

Defined in: mixins/animated.ts:35

Animated(WithSignals(Factory())).onAnimationStart


onAnimationUpdate: Signal<(entity) => void>

Defined in: mixins/animated.ts:36

Animated(WithSignals(Factory())).onAnimationUpdate


onDestroy: Signal<() => void>

Defined in: display/Container.ts:65

IContainer.onDestroy


signalConnections: SignalConnections

Defined in: mixins/signals.ts:9

Animated(WithSignals(Factory())).signalConnections


static onGlobalChildAdded: Signal<(child) => void>

Defined in: display/Container.ts:79


static onGlobalChildRemoved: Signal<(child) => void>

Defined in: display/Container.ts:80

get animationContext(): undefined | string

Defined in: display/Container.ts:70

undefined | string

set animationContext(value): void

Defined in: display/Container.ts:73

string

void

IContainer.animationContext


get app(): Application

Defined in: display/Container.ts:93

Get the application instance.

Application

IContainer.app

addColoredBackground(colorOrConfig, alpha): Sprite

Defined in: display/Container.ts:113

number | Partial<BackgroundConfig>

number = 1

Sprite

IContainer.addColoredBackground


added(): void

Defined in: display/Container.ts:172

This method is called when the container is added to the stage. It is meant to be overridden by subclasses.

void

IContainer.added


addSignalConnection(…args): void

Defined in: mixins/signals.ts:13

SignalConnection[]

void

Animated(WithSignals(Factory())).addSignalConnection


animate(animationProps, instance?): Tween

Defined in: mixins/animated.ts:39

GSAPAnimationConfigExtended

any

Tween

Animated(WithSignals(Factory())).animate


animateFrom(animationProps, instance?): Tween

Defined in: mixins/animated.ts:41

GSAPAnimationConfigExtended

any

Tween

Animated(WithSignals(Factory())).animateFrom


animateFromTo(fromProps, toProps, instance?): Tween

Defined in: mixins/animated.ts:43

GSAPAnimationConfigExtended

GSAPAnimationConfigExtended

any

Tween

Animated(WithSignals(Factory())).animateFromTo


animateSequence(sequences, instance?): Timeline

Defined in: mixins/animated.ts:49

GSAPAnimationConfigExtended[]

any

Timeline

Animated(WithSignals(Factory())).animateSequence


bob(config?, instance?): Tween

Defined in: mixins/animated.ts:66

number

number

any

Tween

Animated(WithSignals(Factory())).bob


childAdded(child): void

Defined in: display/Container.ts:174

Container

void

IContainer.childAdded


childRemoved(child): void

Defined in: display/Container.ts:189

Container

void

IContainer.childRemoved


connectAction(…args): void

Defined in: mixins/signals.ts:15

SignalConnection[]

void

Animated(WithSignals(Factory())).connectAction


connectSignal(…args): void

Defined in: mixins/signals.ts:14

SignalConnection[]

void

Animated(WithSignals(Factory())).connectSignal


destroy(options?): void

Defined in: display/Container.ts:178

Removes all internal references and listeners as well as removes children from the display list. Do not use a Container after calling destroy.

DestroyOptions

Options parameter. A boolean will act as if all options have been set to that value

void

container.destroy();
container.destroy(true);
container.destroy({ children: true });
container.destroy({ children: true, texture: true, textureSource: true });

IContainer.destroy

Animated(WithSignals(Factory())).destroy


destroyAnimations(): void

Defined in: mixins/animated.ts:55

void

Animated(WithSignals(Factory())).destroyAnimations


isAnimationPlaying(): boolean

Defined in: mixins/animated.ts:59

boolean

Animated(WithSignals(Factory())).isAnimationPlaying


pauseAnimations(): void

Defined in: mixins/animated.ts:51

void

Animated(WithSignals(Factory())).pauseAnimations


pulse(config?, instance?): Tween

Defined in: mixins/animated.ts:64

number

number

number

any

Tween

Animated(WithSignals(Factory())).pulse


removed(): void

Defined in: display/Container.ts:187

void

IContainer.removed


resize(size?): void

Defined in: display/Container.ts:165

Resize the container. This method is meant to be overridden by subclasses.

Size

void

IContainer.resize


resumeAnimations(): void

Defined in: mixins/animated.ts:53

void

Animated(WithSignals(Factory())).resumeAnimations


reverseAnimation(): void

Defined in: mixins/animated.ts:57

void

Animated(WithSignals(Factory())).reverseAnimation


shake(config?, instance?): Tween

Defined in: mixins/animated.ts:62

Partial<ShakeConfig>

any

Tween

Animated(WithSignals(Factory())).shake


update(ticker?): void

Defined in: display/Container.ts:157

Update the container. This method is meant to be overridden by subclasses.

number | Ticker

void

IContainer.update


static childAdded(child): void

Defined in: display/Container.ts:82

Container

void


static childRemoved(child): void

Defined in: display/Container.ts:86

Container

void