# Class: CanvasManagerStatic (/jsdoc/pixi-vn/index/classes/CanvasManagerStatic)



Defined in: [src/canvas/CanvasManagerStatic.ts:19](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L19)

This class is responsible for managing the canvas, the tickers, the events, and the window size and the children of the window.

Properties [#properties]

\_currentTickers [#_currenttickers]

\> `readonly` `static&#x60; **\_currentTickers**: `Map`\<`string`, [`TickerInfo`](/jsdoc/pixi-vn/index/interfaces/TickerInfo)\<`any`>>

Defined in: [src/canvas/CanvasManagerStatic.ts:248](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L248)

***

\_currentTickersSequence [#_currenttickerssequence]

\> `readonly` `static&#x60; **\_currentTickersSequence**: `Map`\<`string`, `Map`\<`string`, [`TickersSequence`](/jsdoc/pixi-vn/index/interfaces/TickersSequence)>>

Defined in: [src/canvas/CanvasManagerStatic.ts:249](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L249)

***

\_currentTickersTimeouts [#_currenttickerstimeouts]

\> `readonly` `static&#x60; **\_currentTickersTimeouts**: `Map`\<`string`, [`TickerTimeoutHistory`](/jsdoc/pixi-vn/index/interfaces/TickerTimeoutHistory)>

Defined in: [src/canvas/CanvasManagerStatic.ts:259](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L259)

***

\_isInitialized [#_isinitialized]

\> `static&#x60; **\_isInitialized**: `boolean` = `false`

Defined in: [src/canvas/CanvasManagerStatic.ts:51](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L51)

***

\_tickersToCompleteOnStepEnd [#_tickerstocompleteonstepend]

\> `readonly` `static&#x60; **\_tickersToCompleteOnStepEnd**: `object`

Defined in: [src/canvas/CanvasManagerStatic.ts:260](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L260)

stepAlias [#stepalias]

\> **stepAlias**: `object`\[]

tikersIds [#tikersids]

\> **tikersIds**: `object`\[]

***

canvasHeight [#canvasheight]

\> `static` **canvasHeight**: `number` = `300`

Defined in: [src/canvas/CanvasManagerStatic.ts:50](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L50)

***

canvasWidth [#canvaswidth]

\> `static` **canvasWidth**: `number` = `300`

Defined in: [src/canvas/CanvasManagerStatic.ts:49](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L49)

***

htmlLayers [#htmllayers]

\> `static` **htmlLayers**: `HTMLElement`\[] = `[]`

Defined in: [src/canvas/CanvasManagerStatic.ts:48](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L48)

This is the div that have same size of the canvas.
This is useful to put interface elements.
You can use React or other framework to put elements in this div.

Accessors [#accessors]

app [#app]

Get Signature [#get-signature]

\> **get** `static` **app**(): `Application`\<`Renderer`>

Defined in: [src/canvas/CanvasManagerStatic.ts:27](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L27)

The Pixi.js application instance.

Throws [#throws]

when the canvas has not been initialized yet (i.e. before calling `Game.init()`).

Returns [#returns]

`Application`\<`Renderer`>

***

childrenAliasesOrder [#childrenaliasesorder]

Get Signature [#get-signature-1]

\> **get** `static` **childrenAliasesOrder**(): `string`\[]

Defined in: [src/canvas/CanvasManagerStatic.ts:216](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L216)

The order of the elements in the canvas, is determined by the zIndex.

Returns [#returns-1]

`string`\[]

***

currentTickersSequence [#currenttickerssequence]

Get Signature [#get-signature-2]

\> **get** `static` **currentTickersSequence**(): `object`

Defined in: [src/canvas/CanvasManagerStatic.ts:250](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L250)

Returns [#returns-2]

`object`

***

currentTickersWithoutCreatedBySteps [#currenttickerswithoutcreatedbysteps]

Get Signature [#get-signature-3]

\> **get** `static` **currentTickersWithoutCreatedBySteps**(): `object`

Defined in: [src/canvas/CanvasManagerStatic.ts:229](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L229)

Edit Tickers Methods

Returns [#returns-3]

`object`

***

gameLayer [#gamelayer]

Get Signature [#get-signature-4]

\> **get** `static` **gameLayer**(): `Container`\<`ContainerChild`>

Defined in: [src/canvas/CanvasManagerStatic.ts:34](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L34)

Returns [#returns-4]

`Container`\<`ContainerChild`>

Methods [#methods]

addHtmlLayer() [#addhtmllayer]

\> `static` **addHtmlLayer**(`id`, `element`, `style?`): `HTMLDivElement`

Defined in: [src/canvas/CanvasManagerStatic.ts:133](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L133)

Parameters [#parameters]

id [#id]

`string`

element [#element]

`HTMLElement`

style? [#style]

`Partial`\<`Pick`\<`CSSStyleDeclaration`, `"position"` | `"pointerEvents"` | `"userSelect"`>> = `{}`

Returns [#returns-5]

`HTMLDivElement`

***

addTickerTimeoutInfo() [#addtickertimeoutinfo]

\> `static` **addTickerTimeoutInfo**(`aliases`, `ticker`, `timeout`, `canBeDeletedBeforeEnd`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:271](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L271)

Parameters [#parameters-1]

aliases [#aliases]

`string` | `string`\[]

ticker [#ticker]

`string`

timeout [#timeout]

`string`

canBeDeletedBeforeEnd [#canbedeletedbeforeend]

`boolean`

Returns [#returns-6]

`void`

***

generateTickerId() [#generatetickerid]

\> `static` **generateTickerId**(...`args`): `string`

Defined in: [src/canvas/CanvasManagerStatic.ts:264](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L264)

Parameters [#parameters-2]

args [#args]

...`any`\[]

Returns [#returns-7]

`string`

***

getHtmlLayer() [#gethtmllayer]

\> `static` **getHtmlLayer**(`id`): `HTMLElement` | `undefined`

Defined in: [src/canvas/CanvasManagerStatic.ts:158](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L158)

Parameters [#parameters-3]

id [#id-1]

`string`

Returns [#returns-8]

`HTMLElement` | `undefined`

***

init() [#init]

\> `static` **init**(`element`, `options?`, `devtoolsOptions?`): `Promise`\<`void`>

Defined in: [src/canvas/CanvasManagerStatic.ts:53](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L53)

Parameters [#parameters-4]

element [#element-1]

`HTMLElement`

options? [#options]

`Partial`\<[`ApplicationOptions`](/jsdoc/pixi-vn/index/interfaces/ApplicationOptions)> & `object`

devtoolsOptions? [#devtoolsoptions]

`Devtools`

Returns [#returns-9]

`Promise`\<`void`>

***

removeHtmlLayer() [#removehtmllayer]

\> `static` **removeHtmlLayer**(`id`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:149](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L149)

Parameters [#parameters-5]

id [#id-2]

`string`

Returns [#returns-10]

`void`

***

removeTickerTimeout() [#removetickertimeout]

\> `static` **removeTickerTimeout**(`timeout`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:292](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L292)

Parameters [#parameters-6]

timeout [#timeout-1]

`string` | `Timeout`

Returns [#returns-11]

`void`

***

removeTickerTimeoutInfo() [#removetickertimeoutinfo]

\> `static` **removeTickerTimeoutInfo**(`timeout`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:286](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L286)

Parameters [#parameters-7]

timeout [#timeout-2]

`string` | `Timeout`

Returns [#returns-12]

`void`

***

removeTickerTimeoutsByAlias() [#removetickertimeoutsbyalias]

\> `static` **removeTickerTimeoutsByAlias**(`alias`, `checkCanBeDeletedBeforeEnd`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:299](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/CanvasManagerStatic.ts#L299)

Parameters [#parameters-8]

alias [#alias]

`string`

checkCanBeDeletedBeforeEnd [#checkcanbedeletedbeforeend]

`boolean`

Returns [#returns-13]

`void`