Skip to content

Joystick

Defined in: ui/Joystick.ts:42

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.

new Joystick(opts): Joystick

Defined in: ui/Joystick.ts:65

Partial<JoystickSettings>

Joystick

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

Container.add


direction: JoystickDirection = JoystickDirection.None

Defined in: ui/Joystick.ts:60

IJoystick.direction


dragging: boolean = false

Defined in: ui/Joystick.ts:56

IJoystick.dragging


inner: Sprite | Graphics

Defined in: ui/Joystick.ts:52

IJoystick.inner


innerAlphaStandby: number = 0.5

Defined in: ui/Joystick.ts:54


innerRadius: number = 0

Defined in: ui/Joystick.ts:49

IJoystick.innerRadius


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

Container.make


onAnimationComplete: Signal<(entity) => void>

Defined in: mixins/animated.ts:37

Container.onAnimationComplete


onAnimationStart: Signal<(entity) => void>

Defined in: mixins/animated.ts:35

Container.onAnimationStart


onAnimationUpdate: Signal<(entity) => void>

Defined in: mixins/animated.ts:36

Container.onAnimationUpdate


onChange: Signal<(detail) => void>

Defined in: ui/Joystick.ts:43

IJoystick.onChange


onDestroy: Signal<() => void>

Defined in: ui/Joystick.ts:46

IJoystick.onDestroy

Container.onDestroy


onEnd: Signal<() => void>

Defined in: ui/Joystick.ts:45

IJoystick.onEnd


onStart: Signal<() => void>

Defined in: ui/Joystick.ts:44

IJoystick.onStart


outer: Sprite | Graphics

Defined in: ui/Joystick.ts:51

IJoystick.outer


outerRadius: number = 0

Defined in: ui/Joystick.ts:48

IJoystick.outerRadius


pointData: Point

Defined in: ui/Joystick.ts:57

IJoystick.pointData


power: number

Defined in: ui/Joystick.ts:58

IJoystick.power


settings: JoystickSettings

Defined in: ui/Joystick.ts:47

IJoystick.settings


signalConnections: SignalConnections

Defined in: mixins/signals.ts:9

Container.signalConnections


startPosition: Point

Defined in: ui/Joystick.ts:59

IJoystick.startPosition


threshold: number

Defined in: ui/Joystick.ts:61


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

Defined in: display/Container.ts:79

Container.onGlobalChildAdded


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

Defined in: display/Container.ts:80

Container.onGlobalChildRemoved

get animationContext(): undefined | string

Defined in: display/Container.ts:70

undefined | string

set animationContext(value): void

Defined in: display/Container.ts:73

string

void

Container.animationContext


get app(): Application

Defined in: display/Container.ts:93

Get the application instance.

Application

Container.app

addColoredBackground(colorOrConfig, alpha): Sprite

Defined in: display/Container.ts:113

number | Partial<BackgroundConfig>

number = 1

Sprite

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

Container.added


addSignalConnection(…args): void

Defined in: mixins/signals.ts:13

SignalConnection[]

void

Container.addSignalConnection


animate(animationProps, instance?): Tween

Defined in: mixins/animated.ts:39

GSAPAnimationConfigExtended

any

Tween

Container.animate


animateFrom(animationProps, instance?): Tween

Defined in: mixins/animated.ts:41

GSAPAnimationConfigExtended

any

Tween

Container.animateFrom


animateFromTo(fromProps, toProps, instance?): Tween

Defined in: mixins/animated.ts:43

GSAPAnimationConfigExtended

GSAPAnimationConfigExtended

any

Tween

Container.animateFromTo


animateSequence(sequences, instance?): Timeline

Defined in: mixins/animated.ts:49

GSAPAnimationConfigExtended[]

any

Timeline

Container.animateSequence


bob(config?, instance?): Tween

Defined in: mixins/animated.ts:66

number

number

any

Tween

Container.bob


childAdded(child): void

Defined in: display/Container.ts:174

Container

void

Container.childAdded


childRemoved(child): void

Defined in: display/Container.ts:189

Container

void

Container.childRemoved


connectAction(…args): void

Defined in: mixins/signals.ts:15

SignalConnection[]

void

Container.connectAction


connectSignal(…args): void

Defined in: mixins/signals.ts:14

SignalConnection[]

void

Container.connectSignal


destroy(options?): void

Defined in: ui/Joystick.ts:219

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 });

Container.destroy


destroyAnimations(): void

Defined in: mixins/animated.ts:55

void

Container.destroyAnimations


handleDragMove(e): void

Defined in: ui/Joystick.ts:119

FederatedPointerEvent

void


initialize(): void

Defined in: ui/Joystick.ts:95

void


isAnimationPlaying(): boolean

Defined in: mixins/animated.ts:59

boolean

Container.isAnimationPlaying


pauseAnimations(): void

Defined in: mixins/animated.ts:51

void

Container.pauseAnimations


pulse(config?, instance?): Tween

Defined in: mixins/animated.ts:64

number

number

number

any

Tween

Container.pulse


removed(): void

Defined in: display/Container.ts:187

void

Container.removed


resize(size?): void

Defined in: display/Container.ts:165

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

Size

void

Container.resize


resumeAnimations(): void

Defined in: mixins/animated.ts:53

void

Container.resumeAnimations


reverseAnimation(): void

Defined in: mixins/animated.ts:57

void

Container.reverseAnimation


shake(config?, instance?): Tween

Defined in: mixins/animated.ts:62

Partial<ShakeConfig>

any

Tween

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

Container.update


static childAdded(child): void

Defined in: display/Container.ts:82

Container

void

Container.childAdded


static childRemoved(child): void

Defined in: display/Container.ts:86

Container

void

Container.childRemoved